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:custom |
Concat the js files from js/custom/ 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. |
