webpack如何加载公共依赖的库

Question

//文件入口
entry: {
    index: 'js/dev.js',
},

//入口文件输出配置
output: {
    path:'.build',
    filename: '[name].js'
},

//loaders
module: {
    loaders: [
       { test: /\.css$/, loader: "style!css" },
       { test: /\.(png|jpg)$/, loader:  'url-loader?limit=8192&name=statics/img/'+page+'/[name].[ext]'}
     
    ]
}

dev.js依赖zepto,underscore,util 我现在的做法是把这三个打成一个common.js包然后在html里用script标签直接调
<script src="common.js"></script>
<script src="index.js"></script>
有更好的办法么

Answer 1

webpack会自动帮你把相同的模块打包成为一个common.js文件的，然后在页面引用common.js，他会去引用同级别目录下的依赖模块。

var commonsPlugin =  new webpack.optimize.CommonsChunkPlugin('common.js');

可以百度下CommonsChunkPlugin