Faster and more efficient workflow with the popular Gulp toolkit.
Gulp official websiteGulp is an open source cross-platform task runner tool that give developers the freedom to automate many tasks. Gulp manages tasks like bundling and minifying scripts and style sheets, compiling less or sass to css styles, deploying files to servers, image compressing, etc.
npm install --global gulp-cli
command. If you already have Gulp CLI
installed, skip this step.npm install
or to install the local dependencies listed in package.json
.gulp
command.gulp dist
command compiles and copies all files from ./src/*
folder into ./dist/*
folder and prepares production files. Basically, it copies whole complied assets into ./dist/*
folder with minified theme css/js files. Under the hood it performs the following processes:
gulp build
command prepares performance ready fully production files of your project into ./build/*
folder by automatically detecting all used asset sources from HTML pages. Under the hood it performs the following processes: