webpack externals减小构建物体积
1、未使用externals
本项目以vue-cli脚手架为示例。未使用externals时,构建物中chunk-vendor.js体积90k。
其中:vue代码会打包到chunk-vendor.js。
2、使用external
(1)vue.config.js修改
其中:键,就是用npm install命令装的插件名称,如 npm i vue。值,就是js对外导出那个对象,这个需要打开源码看看。
(2)html引入vue.js
(3)查看构建产物
减少65k(即90-25=65k)恰好是vue.runtime.js的大小。
作者:孟繁贵 Email:meng010387@126.com 期待共同进步!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】博客园携手 AI 驱动开发工具商 Chat2DB 推出联合终身会员
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 聊一聊 C#异步 任务延续的三种底层玩法
· 敏捷开发:如何高效开每日站会
· 为什么 .NET8线程池 容易引发线程饥饿
· golang自带的死锁检测并非银弹
· 如何做好软件架构师
· 欧阳的2024年终总结,迷茫,重生与失业
· 在 .NET 中使用 Tesseract 识别图片文字
· Bolt.new 30秒做了一个网站,还能自动部署,难道要吊打 Cursor?
· 史上最全的Cursor IDE教程
· 关于产品设计的思考
2019-08-12 vue cli 静态资源导入 路径