Yeoman generator for E-sites projects
- Asset management with webpack
- ITCSS CSS architecture
- Compile Sass with libsass
- Enable CSS plugins with PostCSS
- CSS baseline by Supple CSS
- CSS Autoprefixing with Autoprefixer
- ES2015+ features with Babel
- Conditioner.js - Frizz free, context-aware, JavaScript modules
- SVG polyfill to enable external SVG's in IE10/IE11 with svgxuse
Make sure Node and npm are installed. A great guide can be found here: https://docs.npmjs.com/getting-started/installing-node
First you need to install Yeoman:
npm install -g yo
After that you'll need to install the generator:
npm install -g @e-sites/generator-esites-fe
If you already have these packages installed, you can upgrade them:
npm update -g yo @e-sites/generator-esites-fe
Note: Mac users need to run above commands with sudo
.
- After updating this Yeoman package make sure to bump the versioning in
package.json
and assign a new release tag in Gitlab. - Run
npm publish
to publish the new version to the npm registry
Please make sure your system meets the prerequisites.
- Run
npm update -g @e-sites/generator-esites-fe
. - From the terminal, navigate to your projects directory.
- Type
yo @e-sites/esites-fe
, answer a few questions about your project, and wait. - Bask in the glory of your fully scaffolded frontend installation.
--skip-install
Skips the automatic execution ofnpm
after scaffolding has finished.
See the contributing docs.