splitchunksplugin专题

webpack学习之4.代码分离 SplitChunksPlugin

代码分离可以解决下面几个问题: 去重:当一个公共模块被多个入口使用时,每个入口打包后的文件都会包含这个模块的代码。长缓存:一个不会经常改动的模块,例如第三方库(vendor),可以单独生成减少客户端重复加载。懒加载:当对一个模块懒加载(异步),webpack会将这个模块作为一个。(默认行为,不需要手动配置)css分离:将css从js中分离,以link方式在head中加载。(前面文章已学习) S

webpack之提取页面公共资源(SplitChunksPlugin)

利用SplitChunksPlugin进行公共脚本分离,Webpack4内置的,替代CommonsChunkPlugin插件。 chunks参数说明: async:异步引入的哭进行分离(默认) initial:同步引入的库进行分离 all:所有引入的库进行分离 minChunks:设置最小引入次数为2次 minSize:分离的包体积的大小 一、引入插件 npm i html-web