vue-cli 如何优化包体积 `vue-cli-service build --target lib`

• Z时代
• 2024-02-15
• 分类：IT

项目信息

• ts 项目
• lerna、yarn
• 网速不是问题，带宽很大。理解为内网项目即可。
• .min.gz 包在 1.6M 左右

问题

1. 如何优化包体积？

   1. tree shaking。我已经尝试配置过 sideEffects 但是看不出效果。
   2. 多个项目依赖共享。monorepo 里面依赖 Lerna 和 yarn 可以把相同依赖的解决，但是也比较依赖package.json的版本控制。有没有可以在 webpack 层面处理方案？

2. 如果执行分包的话，我理解也可以加快速度。

   1. config.optimization.splitChunks({cacheGroups: {}}) 拆包会分出一堆包。如何批量引入 umd 包？可以自动引入嘛？

回答：

你是库1.6m还是项目里引了库以后1.6m，库1.6m那不是寄了

以上是 vue-cli 如何优化包体积 `vue-cli-service build --target lib` 的全部内容， 来源链接： utcz.com/p/936397.html