Gulp

#Gulp

Gulp helps us to automate tasks about our assets, like minifying css or js files, for exemple. In order to do that, you have to modify or create functions in the /gulpfile.js.

##Using existing functions

It is extremely simple to use gulp functions, you only have to enter the command in your console :

gulp <command_name>

There are actually 3 useful commands :

1. gulp : this command will minify all css and js files, copy the necessary fonts and compile scss files, and create new files in /web/assets
2. gulp clean : this command will erase the /web/assets directory, in case you need to do some tests
3. gulp watch : this command will watch for changes in the scss files, and automatically compile them if it detects changes

###Add new files to minify/compile/watch

You can simply add to the paths object new files.

##Create new functions If you want to create new functions, in order to, for exemple, compress images, please follow those steps :

1. Find the right plugin here
2. Use this console command : npm install <gulp_plugin> --save-dev
3. Create a new var at the top of gulpfile.js : var <plugin> = require('<gulp-plugin>');
4. Create a new task :

gulp.task('<task_name>', function(){  
}

5. Use your plugin following its documentation