SASS Commands

SASS Commands

gulpfile.js file contain all the predefined task. Below template contain all the gulp task and usage.

You can modify or add your task in gulpfile.js file.

Command Description
gulp dist-clean Clean js and css folders from theme-assets.
gulp dist-js Gulp task to clean js folder from theme-assets, copy js files from src folder and minify them.
gulp sass-compile Compile core, main(app), pages and plugins scss files.
gulp dist-css Clean css folder, compile all scss files, auto prefix them, organize them and finally minify them in theme-assets/css folder.
gulp dist-css-rtl Clean css folder, compile all scss files, auto prefix them, organize them and finally minify them in theme-assets/css-rtl folder.
gulp dist-html Compile all pages PUG files and create relative HTML pages in html/{TextDirection}/{LayoutName} folder. In this command you need to pass the Layout, LayoutName & TextDirection. Read gulp template commands for more info.
gulp dist Gulp task to generate css and js files in theme-assets folder.
gulp monitor Watch all scss and pug files change and compile it accordingly. In this command you need to pass the Layout, LayoutName & TextDirection. Read gulp template commands for more info.