First, install Yeoman and generator-cwf-theme using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-cwf-theme

Then generate your new project:

# You need to create folder first, and then inside it run:
yo cwf-theme

Command| Does... :-----:|:-----: scss-lint:fix|Lints the SCSS files following the rules set in the .stylelintrc file and if can fixes errors and warnings lint:js| Lints the JS files using the rules in .eslintrc.json following the Drupal standards. lint:fix| Tries to automatically fix linted JS errors and warnings. image:min| Minifies images in the src/images directory and moves them to the /dist/images folder. favicon| Will convert the favicon.svg file to the appropriate ICO file. css:scss-lint| Lints the SCSS files following the rules set in the .stylelintrc file. css:scss| Compiles all SCSS files from src/scss to dist/scss. css:prefix| Autoprefixes files following settings from the .browserslistrc file. serve| Start a new server with the url you entered and watches for CSS & JS file changes in the dist folder. image:icons| Generates an icon font from all the SVG files in the scr/images/icons folder. watch:icons| Watches the scr/images/icons folder for changes image:sprite| Compress separate SVG files from scr/images/svg and combines them into one SVG "sprite". watch:svg| Watches the scr/images/svg folder for changes. build:images| Runs all image related scripts: icons, sprites and image minifications. build:js| Minifies the main JS file. build:css| Runs all SCSS and CSS related scripts. build| Runs all build scripts. watch:css| Watches SCSS files for changes and runs all related scripts. watch:images| Watches all image files for changes and ... runs all related scripts. watch| WATCHES ALL FILES AND RUNS APPROPRIATE SCRIPTS

License

Apache-2.0 © Ivan Buisic