最近公司的项目越做越大,每次启动一下就要花费一两分钟,为了更长时间摸鱼,于是决定转Vite。
直接引用大神的小工具:wp2vite。即使用完了还是会发现很多小问题:
问题及解决方案
1. 导入一个文件夹下的多个文件时, 在vite里面require是不能使用的
修改之前: require.context('./modules', true, '.js$')
修改之后: import.meta.globEager('./modules/*.js')
2.svg不能使用解决方案:
github.com/anncwb/vite-plugin-svg-icons/blob/main/README.zh_CN.md
3.jsx不能使用
在script标签上加
4.path不能使用
命令行:npm i path-browserify;
需要改的文件: import path from 'path-browserify'
5.unexpected token < in JSON at postiion 0
遇到这个问题原因有多种,我这里是因为使用了'?.',解析不了,换一种写法即可。
完结
总体来说还算顺利,之前启动需要60s以上,现在启动仅需1s,并且热加载也是快了好几倍。
楼主的是vue2.6.x的版本,和vue3.x版本出现的问题猜测应该差不多。