https://github.com/jonataswalker/es6-sample-project

An ES6 sample project using Rollup, Bublé, Sass
https://github.com/jonataswalker/es6-sample-project

boilerplate es6 rollup

Last synced: about 2 months ago
JSON representation

An ES6 sample project using Rollup, Bublé, Sass

• Host: GitHub
• URL: https://github.com/jonataswalker/es6-sample-project
• Owner: jonataswalker
• License: mit
• Created: 2016-04-16T10:14:05.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-12-09T20:02:13.000Z (about 8 years ago)
• Last Synced: 2024-11-17T20:17:14.330Z (3 months ago)
• Topics: boilerplate, es6, rollup
• Language: JavaScript
• Homepage:
• Size: 139 KB
• Stars: 29
• Watchers: 3
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# es6-sample-project

[![NPM](https://nodei.co/npm/es6-sample-project.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/es6-sample-project/)

An ES6 sample project using [Rollup](https://github.com/rollup/rollup), [Bublé](https://buble.surge.sh/guide/#what-is-buble) (as a plugin), [Sass (node-sass)](https://github.com/sass/node-sass/).

This package shows how to get started writing ES6 modules. The workflow is like this:

![es6 flowchart](https://raw.githubusercontent.com/jonataswalker/es6-sample-project/images/images/es6-project-flowchart.png)

### Why?

Because all these tools and how they fit together can be scary at the beginning.

### Usage

```

$ git clone [email protected]:jonataswalker/es6-sample-project.git

$ cd es6-sample-project

$ npm install

```

### Available tasks

###### Build (js && css) and Watch (for changes)

`$ make build-watch`

###### Build (js && css)

`$ make build`

###### Build JavaScript

`$ make build-js`

Includes `make bundle-js` `make lint` `make uglifyjs` `make add-js-header`

###### Build CSS

`$ make build-css`

Includes `make compile-sass` `make prefix-css` `make cleancss` `make add-css-header`

### Why Makefile?

Because it's just great.

### Missing Tests?

For the sake of simplicity.

### Final result

See [here a demo](http://rawgit.com/jonataswalker/es6-sample-project/master/examples/example.html).