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-app
cd 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('ParentModule', [
//import modules
'ExampleModule'
]);
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