Skip to content

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

License

Notifications You must be signed in to change notification settings

groupe-sii/generator-webpack-angular

Repository files navigation

Generator Webpack Angular

Build Status NPM version

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

This project is no longer maintained. Please use Clea CLI instead, which is way more complete.

Generator

What's included in details over here

Stack

AngularJS Webpack Karma ESLint

CSS preprocessors

CSS Sass Less

UI Frameworks

AngularJS Material Bootstrap

Modules

angular-translate json-server SonarQube

Doc generator

dgeni

Package Managers

npm Yarn

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)

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