Generator-future-webapp NPM

Future Web App Generator

Write the app of the future using a Yeoman generator that scaffolds out a front-end web app using gulp for the build process, Babel to leverage ES2015 features, and PostCSS with cssnext for CSS4 features.

Features

Please see the gulpfile for up to date information on what is supported.

CSS Autoprefixing
Write the CSS of the future with cssnext and PostCSS
Write the JavaScript of the future using ES2015 features by using Babel
Built-in preview server with BrowserSync
Automagically lint your scripts
Map compiled CSS and JavaScript to source files with source maps
Awesome image optimization
Automagically wire-up dependencies installed with Bower

For more information on what this generator can do for you, take a look at the gulp plugins used in the package.json.

Getting Started

Install dependencies: npm install --global yo gulp bower
Install the generator: npm install --global generator-future-webapp
Run yo future-webapp to scaffold your webapp
Run gulp serve to preview and watch for changes
Run bower install --save <package> to install frontend dependencies
Run gulp serve:test to run the tests in the browser
Run gulp to build your webapp for production
Run gulp serve:dist to preview the production build

Options

--skip-install Skips the automatic execution of bower and npm after scaffolding has finished.
--test-framework=<framework> Either mocha or jasmine. Defaults to mocha.