##Main Feautures
- type
gulpto use the watch powerful feature and launch live-reloading local sever, once set up, everythings flows beautifully - type
gulp minifyto compress all the files (html, css, js & json) and save it into the production directory without any manual modification - type
gulp imgMinifyto compress the images (the origin ones inside the development dir won't be modified just for convenience)
##More Details
gulp defaultincludes:
gulp coffeeloads gulp-coffee to process the .coffee into vanilla .js (inside the sub-dir scripts of the componentsgulp concatloads gulp-concat to concat all of the components scripts into one script inside the./builds/developmentdir, keep in mind this task also includes the gulp-browserify to auto load common libraries and frameworks (feel free to delete this feature as long as it's not necessary)gulp compassloads gulp-compass to process all the .scss, concat them together into one vanilla .css and add sourcemap inside the./builds/development/cssdirgulp autoprefixerloads gulp-autoprefixer to automatically deal with the vendor prefix for the css filesgulp server,gulp liveReloadandgulp watch
2. `gulp minify` includes: - `gulp htmlMinify` loads [gulp-htmlmin]() - `gulp cssMinify` loads [gulp-cssnano]() - `gulp jsMinify` loads [gulp-uglify]() - `gulp jsonMinify` loads [gulp-jsonminify]()
3. `gulp imgMinify` - `gulp lmgMinify` loads [gulp-htmlmin]() and [imagemin-pngcrush]() to compress images
##Directory Tree for Reference |-- project |-- builds |-- development |-- production |-- components |-- coffee |-- sass |-- scripts |-- gulpfile.js |-- package.json |-- README.md |-- .gitignore |-- node_module