我是靠谱客的博主 迷路红牛,这篇文章主要介绍记webpack下提取公共js代码的方法,现在分享给大家,希望可以做个参考。

环境: webpack4.6 + html-webpack-plugin 多页面多入口

经多次研究,稍微靠谱可用的配置


optimization: {
splitChunks: {
minSize: 30000,
cacheGroups: {
common: {
chunks: "initial",
minChunks:3,
name: "common",
enforce: true
}
}
}
},

 

注意name这个属性,是提取出来的块的名称,不完美的是,还要在html-webpack-plugin 的 chunks中加载

 参考资料:https://www.jianshu.com/p/3066d96aec8b

转载于:https://www.cnblogs.com/vbyzc/p/9303201.html

最后

以上就是迷路红牛最近收集整理的关于记webpack下提取公共js代码的方法的全部内容,更多相关记webpack下提取公共js代码内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(120)

评论列表共有 0 条评论

立即
投稿
返回
顶部