众所周知,VITE作为下一个形式的前端开发和构建工具,是一个词:fast.和Vite已用作Vue3的默认构造工具。Vue-CLI至5秒的VITE(项目大小不同,时间也不同),它增加了数十个甚至数百次。
本文从Vue-CLI转移到Vite,并在整个网络上提供了最全面的解决方案。以下内容以Ant-Design-Vue-Pro为例。Ant-Design-Vue版本为1.7.8。
同时,它在迁移后提供了一个仓库,欢迎来到Star?
github-seals-studio/ant-design-vue-pro-vite
迁移前后的比较(参考)
WebPack83S4.78S3.35S4.78S3MINS 37SVITE4.72S(第二0.72s)1.71S1.33S Instant 51.45SPNPM快速,包装管理工具保存磁盘管理工具
/npm.taobao.org/mirrs/python6
/npm.taobao.org/mirrs/python6
/npm.taobao.org/mirrs/python6
对于安全考虑,Vite只能识别起始环境变量。原始的VUE_环境变量未生效。同时,它不能用于读取环境变量。您需要修改vite.conf.js配置,手动添加环境变量
/npm.taobao.org/mirrs/python6
原因是引入了ANTDV的底层:
不可预测的ESM写作,请参阅GitHub问题:杂务:V1支持视图
本文指的是[]插头-in,编写一个vite插头-in,然后修改antdv的底层以引入力矩方法。
/npm.taobao.org/mirrs/python6
修改脚本命令如下:
/npm.taobao.org/mirrs/python6
/npm.taobao.org/mirrs/python6
修改vite.conf.js配置
/npm.taobao.org/mirrs/python6
迁移后的项目地址:Github-Seals-Studio/Ant-Design-Vue-Pro-vite,欢迎来到Star?
原始:https://juejin.cn/post/7098850144245776420