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