Angularjs工程化搭建webpack + ES6

[nevergiveup-j]

目录结构

结构采用 Angularjs 1.5版本增加component

component是一个比较特殊指令(directive )，简单的配置，它是适合于基于组件的应用程序结构。查看官方

.
├── app
│   ├── app.js
│   ├── app.component.js
│   ├── app.html
│   ├── common
│   │   ├── header
│   │   │   └── header.html
│   │   │   └── header.component.js
│   │   │   └── header.controller.js
│   │   │   └── header.js
│   │   │   └── header.scss
│   │   ├── cache
│   │   │   └── cache.service.js
│   ├── components  
│   │   ├── live
│   │   │   └── live.html
│   │   │   └── live.component.js
│   │   │   └── live.controller.js
│   │   │   └── live.js
│   │   │   └── live.scss
│   ├── static
│   │   ├── images
│   │   ├── sass
│   ├── test

webpack配置

获取NPM Scripts事件，区分环境

process.env.npm_lifecycle_event;