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 加速服务 铂特优选

方案二:进行包的拆解

相关推荐
yma1610 分钟前
从零搭建 P2P 聊天室:yma16.cloud 在线工具实战
前端·1024程序员节
思码梁田1 小时前
CSS 浏览器厂商前缀:从「写 5 遍」到现代自动化兼容
前端·css·css3·border-radius·1024程序员节·box-shadow·厂商前缀
Bug收容所2 小时前
Vue+JS Day3
前端·javascript·vue.js·前端框架·1024程序员节
iCxhust2 小时前
如何实时同步自己的工作日志,在不同的设备间
前端·软件工程·1024程序员节·同步日志
编程的一拳超人2 小时前
【元宝搜索开发者征文大赛】四语实战:Java/Python/Go/Node.js 构建 AI 搜索应用全攻略
java·python·golang·node.js·agent
lucas_AI2 小时前
今年 2 月就修好的漏洞,10 月才炸:HTTP2Shell 把 Node、Python 一锅端
node.js
IT_陈寒2 小时前
React项目实战经验分享:如何避免useEffect闭包陷阱导致的陈旧状态问题?
前端·人工智能·后端
风骏时光牛马2 小时前
智能任务调度Agent
前端
ljt27249606613 小时前
Vue笔记(十六)--自定义Hook
前端·1024程序员节