webpack打包优化方案

2024/10/23 21:36:36 来源：https://blog.csdn.net/m0_58889179/article/details/141469884 浏览: 次关键词：webpack打包优化方案

调试工具：安装webpack-bundle-analyzer打包可视化工具，可以看到打包文件大小，从而有针对性的优化。

npm install --save-dev webpack-bundle-analyzer。

方案一：将第三方依赖包使用cdn进行引入减小文件包体积（例：vue-router，element-ui等）

1.在vue.config.js文件中配置

在index.html中使用cdn引入

获取相关依赖cdn:BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务铂特优选

方案二：进行包的拆解

本网仅为发布的内容提供存储空间，不对发表、转载的内容提供任何形式的保证。凡本网注明“来源：XXX网络”的作品，均转载自其它媒体，著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处。

我们尊重并感谢每一位作者，均已注明文章来源和作者。如因作品内容、版权或其它问题，请及时与我们联系，联系邮箱：809451989@qq.com，投稿邮箱：809451989@qq.com

热文排行