NOT MAINTAINING THIS PROJECT: Use webpack instead.
- Browserify + ES6 (babelify)
- Pick your favorite CSS pre-processor (Sass, Stylus or Less)
- CSS Autoprefixing
- Built-in preview server with BrowserSync
- Image optimization
- Wire-up dependencies installed with Bower
You may opt-out from using bower, sprite generation and image optimization if you don't need them.
For sprite generation, you'll need to create a directory for each sprite
app/images/sprites/. It will generate its respective stylesheet
and sprite sheet files as the following:
Please see our gulpfile.js for up to date information on what we support.
For more information on what this generator can do for you, take a look at the gulp plugins used in our
- Install dependencies:
npm install --global yo bower
- Install the generator:
npm install --global generator-modern-frontend
yo modern-frontendto scaffold your webapp
npm startto preview and watch for changes
bower install --save <package>to install frontend dependencies
gulpto build for production
This generator includes the following Bower components by default:
Read the details about our Bower setup.
--skip-installSkips the automatic execution of
npmafter scaffolding has finished.