当前位置: 首页 > Web前端 > vue.js

vue2项目迁移到vite

时间:2023-04-01 10:38:03 vue.js

背景为什么选择vite,其实就是为了解决官网上提到的两个原因,服务器启动慢,更新慢风险分析,为什么不用vue3呢?生产环境需要兼容ie11。显然vue3是不会支持的。同时vue2的迁移成本比较小。Vite支持对ie11的兼容。官网有@vitejs/plugin-legacy对传统浏览器的支持。社区支持社区已经有vue2+vite的例子,可以直接调试,降低学习成本。由于vite-vue2-simple-starter的迁移成本是尝鲜,所以先迁移子系统,把坑都踩了,方便进一步优化,构建前端项目模板。80%的代码可以重用。改造前:冷启动约30s改造后:冷启动约6s遇到问题processisnotdefinedaccessprocess.env.xxxisinvalid,replaceitwithimport.meta.env.xxxlessdoesnotsupporturl('~@xxx')直接去掉即可~viteless不支持@import~xxx别名vite跨域module.export=function(){server:{host:HOST,port:process.env.PORT,proxy:{'/api':{target:'http://1270.0.1:9999',changeOrigin:true,rewrite:path=>path.replace(/^\/api/,'')}}},}无法正确识别导入不加.vue后缀importxxxfrom"xxxx"vite如何使用jqueryless热更新不生效重启可以参考文章vite使用process.env的问题【VUE】Vite中使用less全局变量vite跨域

猜你喜欢