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:
js/bootstrap
scss/bootstrap
pages/assets/css
pages/assets/js
pages/assets/lib
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:
  • js:bootstrap
  • js:sparrow
  • js:plugins
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:
pages/*.html
pages/assets/fonts/
pages/assets/video/
pages/assets/img/
scss/ 
js/
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.