webpack提取库

有时候我们不想bundle.js过于大,想把一些库独立成文件单独拿出来

module.exports = {
 entry: {
   // bundle是我们要打包的项目文件的导出名字, app是入口js文件
   bundle: 'app',
   // vendor就是我们要打包的第三方库最终生成的文件名,数组里是要打包哪些第三方库, 如果不是在node——modules里面,可以填写库的具体地址
   vendor:['jquery','vue']
 },
 plugins: {
   // 这里实例化webpack.optimize.CommonsChunkPlugin构造函数
   // 打包之后就生成vendor.js文件
   new webpack.optimize.CommonsChunkPlugin({
            name: 'vendor'
        })
 }
}

 

posted @ 2018-01-23 11:01  张啊咩  阅读(379)  评论(0编辑  收藏  举报