webpack提取公共代码。

最新推荐文章于 2024-04-08 11:08:24 发布

weixin_30685029

最新推荐文章于 2024-04-08 11:08:24 发布

阅读量105

点赞数

CC 4.0 BY-SA版权

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/manu-yyj/p/9296491.html

本文介绍如何使用Webpack内置插件webpack.optimize.CommonsChunkPlugin来提取公共代码块，通过配置入口文件entry和插件参数minChunks实现多个页面间共享代码的抽取，减少冗余加载，提高应用性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

webpack.optimize.CommonsChunkPlugin这个是内置方法到时候new就行了。

首先创

var webpack=require('webpack')
var path=require('path')

module.exports={
entry:{
'pageA':'./src/pageA',
'pageB':'./src/pageB',
'vendor':['lodash']

},
output:{
path:path.resolve(__dirname, './dist'),
filename:'[name].bundle.js',
    chunkFilename: "[name].chunk.js"
},
plugins:[
   new webpack.optimize.CommonsChunkPlugin({
        name:'common',
        minChunks:2 //重复出现
    }),
]

}