假设你的目录结构是这样

src - common - utils.js - login - index.js - dashboard - index.js

代码块

common/utils.js

// 通用模块，逻辑。 console.log('utils....')

login/index.js

require('./common/utils') // 引入公共模块 // 自己的业务模块 console.log('login....')

dashboard/index.js

require('./common/utils') // 引入公共模块 // 自己的业务模块 console.log('dashboard....')

要得到你期望的结果，webpack.config.js配置如下：

var webapck = require('webpack') module.exports = { entry:{ login:'./src/login/index.js', dashboard:'./src/dashboard/index.js' }, output:{ publicPath:'/', path: __dirname + '/dist', filename:'js/[name].js', chunkFilename:'js/[id].js' }, plugins:[ new webpack.optimize.CommonsChunkPlugin({ // 通过这个模块，就可以提取公共的模块 common/utils name:'vendor', filename: '[name].js' }) ] }

最终打包后的结果

dist - js login.js dashboard.js vendor.js

如上。。。

参考code splitting

我现在会用webpack生成所需js了。结合angular-ui-router该怎么引入各个js呢？ 谢谢

搜到一篇angular按需加载的文章

http://www.cnblogs.com/ys-ys/...，基于ui-router，ocLazyLoad
看来能满足我的需求。谢谢