generator-wass
Generator for Angular with States, Webapck and Sass
Description
This generator will scaffold for you an application using angularjs, webpack, angular-ui-boostrap, angular-ui-notification.
- Structure
src/
├── app/
| ├── generic // module generic
| ├── home // module home
| ├── login // module login
| └── logout // module logout
├── img/ // images
├── libs/ // custom libs
├── app.js // main module
├── app.scss // main sass sheet
└── index.html // main html
- Generate module with structure:
example/
├── controllers/
| ├── exampleController.js // main controller in module
| └── otherController.js // other controllers, not generated
├── services/
| ├── exampleFactory.js // main factory in module
| └── otherService.js // other services, not generated
├── views/
| ├── example.html // main view in module
| └── other.html // other views, not generated
├── modules/
| └── child // childs modules
| └── ...
├── exampleModule.js // module, need import in parent
└── example.scss // sass for module's styles
Support Es6 using babel.
Installation
First, install Yeoman, bower and generator-wass using npm (we assume you have pre-installed node.js).
npm install -g yo bower generator-wass
Usage
Make a new directory, and cd into it:
mkdir new-appcd new-app
Run yo wass
, optionally pass app name:
yo wass [appName]
Generate module, find parent module:
yo wass:module example
Import module:
We need import module in parent module, fixing in progress.
import './modules/example/exampleModule'; var module = angular.module;
Run Webpack server for develop:
npm start
Generate dist:
npm run production
Release History
- 28/06/2017 - v0.1.3 - Change Readme adding dependency bower, Fixed error in create module (Error: Cannont find module '../../Util')
- 28/06/2017 - v0.1.4 - Fixed error in create module (Error: Cannont find module '../../Constants')
License
MIT © Carlos Ormeño - Quipucamayoc RRHH