打包时项目优化--uglifyjs-webpack-plugin

87 阅读1分钟

之前开发的一直用的是xconsole脚手架,其中有个功能和之前create-react-app不一样,就是xconsole打包的时候会碎片化js代码。

什么是碎片化js代码? 当你访问不同页面的时候,发送请求获取不同的js文件,换言之js文件是按需加载的,好处是可以优化缓存。

当时一直好奇为什么xconsole打包可以碎片化呢? 后来在某篇博客中(地址为:blog.csdn.net/weixin_4440… 看到了常用的打包plugin插件,其中有个叫“uglifyjs-webpack-plugin” 实现的就是js碎片化功能,至此解开了我之前的疑惑

image.png

并且随后仔细研究了xconsole脚手架后发现确实有相关的配置,这个应该就是开启插件的入口

image.png