打赏

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的大小。

 

 

posted @   孟繁贵  阅读(181)  评论(0编辑  收藏  举报
编辑推荐:
· 聊一聊 C#异步 任务延续的三种底层玩法
· 敏捷开发:如何高效开每日站会
· 为什么 .NET8线程池 容易引发线程饥饿
· golang自带的死锁检测并非银弹
· 如何做好软件架构师
阅读排行:
· 欧阳的2024年终总结,迷茫,重生与失业
· 在 .NET 中使用 Tesseract 识别图片文字
· Bolt.new 30秒做了一个网站,还能自动部署,难道要吊打 Cursor?
· 史上最全的Cursor IDE教程
· 关于产品设计的思考
历史上的今天:
2019-08-12 vue cli 静态资源导入 路径
TOP
点击右上角即可分享
微信分享提示