Generator Webpack Angular

Yeoman generator for building Single Page Apps with AngularJS, ES6, Webpack.

Generator

What's included in details over here

Stack

CSS preprocessors

UI Frameworks

Modules

Doc generator

Package Managers

Usage

Install

Install required tools yo:

$ npm install -g yo

Install generator-webpack-angular:

$ npm install generator-webpack-angular

Run

Create a new directory, and go into:

$ mkdir my-new-project && cd my-new-project

Run yo webpack-angular, and select desired technologies:

$ yo webpack-angular

Use NPM scripts

• npm start to launch npm run server and json-server (if checked) in parallel
• npm run serve to launch a webpack-dev-server server on your source files
• npm run serve:prod to launch a webpack-dev-server server on your source files in a production environment
• npm run build to build an optimized version of your application in /dist + docs generation
• npm run build:prod to build an optimized version of your application in /dist in a production environment + docs generation
• npm run test to launch your unit tests with Karma
• npm run lint to launch linting process
• npm run sonar:reporters to create the linters reporters for SonarQube plugin (Only if it was chosen)
• npm run json-server to start a json-server (Only if it was chosen)

Changelog

Roadmap

• How to call REST APIs ? ($resource, Restangular)
• Handle environments
• angular-translate support
• UI Router as default router
• CSS preprocessors (CSS, Sass, Less)
• Angular modules choice (angular-animate, angular-touch, ...)
• UI Frameworks choice (angular-material, bootstrap)
• Linters (ESLint, HTMLHint, SASSLint, CSSLint)
• PostCSS integration
• Mock server REST API with json-server
• Sonar reporters
• Ask user for application name
• Unit tests with Karma and Mocha
• Code coverage
• Landing page post generation
• Dgeni to generate documentation

License

MIT License

Copyright (c) 2016 Groupe SII