vue3 拆分打包

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3 拆分打包相关的知识,希望对你有一定的参考价值。

参考技术A

先安装cross-env
npm install cross-env -S

TYPE=lib 区分环境用
如vue.config.js中,当isLib为真时才打包下面内容

--target lib 拆分打包
--name theme-default/index 打包后的名称
--no-clean 不删除,便于2个包共存
rimraf 删除目录 需安装 npm i rimraf -D

VUE前端项目打包后生成的CHUNK-VENDORS文件过大, 导致加载太慢

参考技术A 参考: chunkPlugin ; SPLITCHUNKSPLUGIN拆分规则

以上是关于vue3 拆分打包的主要内容,如果未能解决你的问题,请参考以下文章

禁用 nuxt 代码拆分。如何将所有内容打包到一个文件中

浅谈Vue3的优势

浅谈Vue3的优势

微服务优点及拆分原则

React Coding-Splitting代码拆分

极客大咖分享-把webpack打的包再拆分一下