最近刚开始做angular项目，开始搭建开发环境，刚开始的时候用express搭了本地服务，然后开发angular的静态项目，项目用gulp做自动化管理，做了一段时间感觉不是很方便，于是开始考虑用webpack来做。网上找了一下，相关的文章不少，最后参考来一个老外的例子做，实践下来感觉还不错，下面说一下详细的项目架构。
启动文件是app.js，各子页面放到对应的目录中，utils是可提取的工具类组件，angular的项目结构应该都差不多。
webpack配置主要是几个loader
如果使用es6的话babel还是要装的，.babelrc的配置则比较简单，配置好后你就可以尽情的享受es6带来的快感了。
npm可以先配置两个简单的命令start和build
一般来说都会有一个app.js作为应用的入口，配置应用的依赖和启动信息等。
例如上面的例子，注册app模块，配置路径，添加controller。其中inject是angularjs的依赖注入，还是相当的好用。这段代码表达的意思就是应用访问根路径的时候加载app.html的内容，并且载入mainctrl这个controller。
app.html的内容
mainctrl.js的内容
app.html中有一个链接跳到我们的另一个页面dashboard，但是上面的代码并没有这个功能，我们需要再来编写一个dashboard的功能模块。
我们在app目录下面再添加一个dashboard目录，里面放我们子页面dashboard的文件，这里有三个文件：dashboard.html , dashboard.js , dashboardctrl.js。
dashboard.js的内容
dashboardctrl.js的内容
dashboard.html的内容
dashboardctrl这里采用注入的方式使用$scope，跟上面的this效果是一样的。
ok现在工作基本完成，我们运行npm start跑一下
然后就可以在浏览器中看到了
点击“to dashboard”就可以看到
by 祁幽小贵