@
importmeta 我试了一下,静态导入的话,用 Web Worker 引入的依赖似乎和普通引入的依赖没啥差别。
动态导入的话,代码分割需要加点选项。
![Snipaste_2024-12-21_16-32-08](
https://wexcdn.com/img/Snipaste_2024-12-21_16-32-08.png)
此时 App.vue 打的包( index-sqhKDG2-.js )是 57.98kB 。
如果引入了 lodash ,那么:
![image-20241221163351585](
https://wexcdn.com/img/image-20241221163351585.png)
此时增长到了 131.21kB ,大了 73.23kB ,说明是打到一起的。
使用 Worker 不引入 lodash:
![image-20241221163705594](
https://wexcdn.com/img/image-20241221163705594.png)
worker 大小 0.32kB 。
如果是 Worker 引入了 lodash ,那么:
![image-20241221163742660](
https://wexcdn.com/img/image-20241221163742660.png)
worker 变成了 72.39kB ,增长了 72.07kB 。
所以静态导入上是没什么区别。
不过如果是动态导入,那么 App.vue:
![image-20241221164534844](
https://wexcdn.com/img/image-20241221164534844.png)
Worker:
![image-20241221164615351](
https://wexcdn.com/img/image-20241221164615351.png)
不过加了点选项后好像就没问题了:
![image-20241221164729085](
https://wexcdn.com/img/image-20241221164729085.png)
我主要是没搞懂你想要的效果是什么样的,如果你在 worker 里需要静态引入依赖,那自然会打包成一个 js 文件啊,这点无论是不是 worker 都一样。至于注释的话,似乎保留的只有版权信息,这好像是工具有意为之的。
另外,我的选择是直接使用阿里或腾讯的 CDN 服务,比如我些照片的图床用的就是。