[TOC]
- Concat and minifies HTML, CSS, Scripts
- BrowserSync
- Using Stylus pre-processor to compile .styl in .css
You need Node.js and npm to run this template.
$cd yourFolderProject
$git clone https://github.com/vtimsit/Template---Gulp-Eslint-Stylus.git
$npm install gulp
$npm install stylus
$npm install allOfNodeModules
...
You have to install in your IDE the eslint extension.
Task to automatically sync browser when a changes is made on a styl, js or html file in the app directory
$gulp watch
Task to run all optimization tasks at the same time to build dist repository
$gulp build
Task to concat and minify css & js files and transfer them to dist directory
$gulp useref
Task to minify images and transfer them to dist directory
$gulp images
Task to transfer fonts to dist directory
$gulp fonts
Task to transfer sound to dist directory
$gulp sounds
Task to clean dist directory
@gulp clean
Task to clean dist directory expect for the images
$gulp clean:dist
Default task to build dist repository (without clean)
$gulp default