Yeoman generator that scaffolds out a modern front-end web app using gulp. Inspired by generator-gulp-webapp.
- Browserify + ES6 (babelify)
- Pick your favorite CSS pre-processor (Sass, Stylus or Less)
- CSS Autoprefixing
- Sourcemaps for CSS and JavaScript
- Built-in preview server with BrowserSync
- Image optimization
- Wire-up dependencies installed with Bower
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 package.json
.
- Install dependencies:
npm install --global yo bower
- Install the generator:
npm install --global generator-modern-frontend
- Run
yo modern-frontend
to scaffold your webapp - Run
gulp serve
to preview and watch for changes - Run
bower install --save <package>
to install frontend dependencies - Run
gulp
to build for production
This generator includes the following Bower components by default:
- Modernizr
- normalize.css
Read the details about our Bower setup.
--skip-install
Skips the automatic execution ofbower
andnpm
after scaffolding has finished.