npm
grunt
bower
grunt-contrib-coffee
: Serve JS residing injs/
grunt-contrib-sass
: Serve CSS residing incss/
grunt-slim
: Slim is better than Jade IMHO
grunt-bower-install
: inject bower packages into the HTML
/! bower:js
/! endbower
grunt-autoprefixer
: Add vendor prefixes to CSS
grunt-rev
: Revisioning assets for cache bustinggrunt-htmlmin
: Minimizing HTMLgrunt-contrib-cssmin
: Minimizing CSSgrunt-contrib-uglifier
: Minimizing JSgrunt-usemin
: Replace references to non-optimized scripts or stylesheets
/! build:js js/dist.js
script src='js/app.js'
/! endbuild
Use grunt
and bower
to manage frontend assets:
npm i -g grunt-cli bower
npm i # dependencies (including grunt and several grunt tasks) are listed in package.json
Run the following command to store assets into bower_components/
:
bower i # package.json
It will fetch jquery
.
Build (into build/
), watch and serve:
grunt
build/ -> dist/
:
grunt dist