Gulp
Build, serve and watch your project
To start your project run:
gulp
The gulp
command will build, serve and watch the project with the following gulp tasks:
Task | Action |
---|---|
clean |
Delete the following directories:
|
scss |
Compiles scss/theme.scss and generates theme.css and theme.map to the pages/assets/css/ directory. |
js:bootstrap |
Concat the js files from js/bootstrap/ and transpiles with babel to bootstrap.js , bootstrap.min.js to the pages/assets/js/ directory. |
js:sparrow |
Concat the js files from js/sparrow/ and transpiles with babel to theme.js , theme.min.js to the pages/assets/js/ directory. |
js:plugins |
Concat the js files according to the Paths.JS.PLUGINS array declared in gulpfile.js and transpiles with babel to plugins.js and plugins.min.js to the pages/assets/js/ directory. |
js |
Run the following tasks parallelly:
|
copy:dependency |
Copies the dependencies from node_modules/ directory to pages/assets/ directory according to the Paths.DEPENDENCIES object declared in gulpfile.js . |
watch |
All of the following folders are monitored for changes, which will tell the browser to reload automatically after any changes are made:
|
serve |
Starts a Browsersync instance on port 3000 served from pages , defaults to index.html . |
Other available gulp tasks
Task | Action |
---|---|
scss:min |
Compiles scss/theme.scss and generates theme.min.css , and theme.min.map to the pages/assets/css/ directory. |
scss:rtl |
Compiles scss/theme.scss and generates theme-rtl.css , and theme-rtl.map to the pages/assets/css/ directory. |
scss:rtl:min |
Compiles scss/theme.scss and generates theme-rtl.min.css , and theme-rtl.min.map to the pages/assets/css/ directory. |