Gulp for Magento 2
Compilation of all themes (10 files):
Gulp: 16sec
Grunt 33sec
Custom theme compilation (2 files):
Gulp: 4.5s
Grunt: 11.2s
-
Download as a zip file or clone this in to ur pc.
-
Copy "gulpfile.js" and "package.json" in to the root directory (codepool)
-
Install node.js for your OS: https://nodejs.org/en/
-
Install modules: run a command in a root directory of your project "npm install".
(If you alrady instaled Grunt please remove node_module directory)
-
Run :
gulp exec --themeex: gulp exec --luma
Or:php bin\magento dev:source-theme:deploy --locale="en_AU" --area="frontend"
--theme="VendorName/themeName" -
Run :
gulp deploy --themeex: gulp deploy --luma
Or:php bin\magento setup:static-content:deploy en_AU -
Run gulp command in the root directory with arguments or without. Examples:
3.a. Compilation of all themes:gulp
3.b. Compilation of certain theme:gulp less --luma
3.c. Watcher of certain theme:gulp watch --luma
3.d. Compilation of certain theme with minification (+~2.5s):gulp less --luma --min
3.e. Compilation of certain theme with sourcemap(+~1.5s), can't be used with minification:gulp less --luma --map
3.f. Compilation with live reload:gulp less --luma --live
3.g. Watcher with liveReload:gulp watch --luma --live -
For using liveReload install extension for your browser: http://livereload.com/
4.a. Turn on the extension on the page of project.