Angular+Webpack 2实战项目
Angular 配 Webpack2 的实战例子，挺适合用来练手。Webpack 打包挺灵活的，能 JS、CSS、图片这些静态资源，组合 Angular 用起来还蛮顺手的。
项目结构比较清晰，入口文件是app.js，输出配置里还用到了chunkhash做版本控制，方便线上更新。要注意publicPath是资源的 URL 前缀，别忘了配对路径。
常用的 loader 基本都在：babel-loader转 ES6+，css-loader和style-loader搞定样式，还有url-loader图片和字体。插件方面，HtmlWebpackPlugin会自动帮你生成 HTML 并引入 JS 文件，省心。
Angular 模块在app.js里用require引入了angular-ui-router和angular-animate，还加了route.js和factory.js扩展功能。整体代码结构还挺清晰的，维护起来方便。
Webpack2 和 1.x 配置差别蛮大的，最好先看看官方迁移指南。另外，记得先全局安装 Webpack，npm install --global webpack这条命令挺关键。
如果你还在用 Angular 1.x，又不想写一堆 grunt/gulp 脚本，不妨试试这个组合，搭配 Babel 还能用上新语法，开发效率也高。
文件大小：91.45KB
评论区