https://github.com/damusix/riot-grunt-boilerplate
Grunt workflow boilerplate for SCSS and RiotJS
https://github.com/damusix/riot-grunt-boilerplate
babeljs boiler-plate boilerplate browserify es5 es6 grunt grunt-workflow-boilerplate karma phantomjs riot riot-grunt-boilerplate riotjs scss watch
Last synced: 7 months ago
JSON representation
Grunt workflow boilerplate for SCSS and RiotJS
- Host: GitHub
- URL: https://github.com/damusix/riot-grunt-boilerplate
- Owner: damusix
- License: mit
- Created: 2017-02-01T02:50:08.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-02-01T07:31:49.000Z (over 8 years ago)
- Last Synced: 2025-01-16T22:13:02.774Z (9 months ago)
- Topics: babeljs, boiler-plate, boilerplate, browserify, es5, es6, grunt, grunt-workflow-boilerplate, karma, phantomjs, riot, riot-grunt-boilerplate, riotjs, scss, watch
- Language: JavaScript
- Size: 5.86 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Riot Grunt Boilerplate
### Grunt workflow boilerplate for RiotJS.
Comes with:
- Gruntfile configured for RiotJS and SCSS.
- Browserify transpiled to ES5 using BabelJS.
- Browser testing with PhantomJS.
Riot Tags and your `client/app.js` file are compiled together using Browserify, and transpiled to ES5 using BabelJS, so yes, you can use ES6.
All your js, tag, and scss files are found in `client/`. Everything compiles out to `public/app.js` and `public/app.css`. Best advice is to build your stuff in component folders. Look at `client/example-component` for a reference example.
Comes ready with frontend testing using mocha, chai, karma, and phantomjs. Simply run `npm test`, and karma will start. [You must have phantomjs installed][1].
Sometimes, all you need to do is compile SCSS. Multiple grunt tasks for different use cases: `grunt` by itself will compile, and watch for changes; `grunt css` will only compiled SCSS; `grunt js` will only compile JS; and `grunt build` will compile everything, but not watch. So for you continuous integration scripts, you would use `grunt build`.
[1]: http://phantomjs.org/download.html