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 ofbower
andnpm
after scaffolding has finished.--test-framework=<framework>
Eithermocha
orjasmine
. Defaults tomocha
.