Important
Please use the gulp-query is more easy and more flexible. The gulp-query uses plugins and you can customize your cocktail
Cocktail Of Tasks — Deprecated
Cocktail light and powerful task for gulp
npm install cocktail-of-tasks
gulp
gulp --production // For compress files if option "full" is false
gulp watch
gulp scss
gulp scss webpack copy
gulp webpack watch
gulp scss_{config_name}
gulp scss_{config_name} watch
Example
Paste the code into your gulpfile.js
and configure it
var cocktail = ;;
Options
For default, source folder is resources/assets/
and result folder is public/
If you want to change, use
CocktailOfTasksdirassets = 'src/';CocktailOfTasksdirpublic = 'dist/';
.scripts()
Can merge multiple files into one. Compresses the resulting file. You can add source map. Translate es6 to es5 (Uses buble)
mixscripts //name: "new_name", // If you want to use "gulp scripts_{name}" to: "js/scripts.js" source_map: true source_map_type: 'inline' full: false // If true — no compress babel: true // ES2015 to ES5 //from: "/node_modules", // Use for parent folder src: "src/js/1.js" "src/js/2.js" //...,
.scss()
Uses gulp-css-spritus and gulp-css-assetus
mix
.styles()
Can merge multiple files into one. Compresses the resulting file. You can add source map.
mix
.webpack()
Uses buble
mix
.copy()
Easy copy. Can merge multiple files into one
mix
.sprite()
A very useful thing for sprites.
You can get image with json and other variants
mix
.compress()
Compress images
mix