vue中Webpack转Vite遇到的问题以及解决方案

最近公司的项目越做越大，每次启动一下就要花费一两分钟，为了更长时间摸鱼，于是决定转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不能使用兆陵

命令行：npmipath-browserify;

需要改的文件：蔽迟importpathfrom'path-browserify'

5.unexpectedtoken<inJSONatpostiion0

遇到这个问题原因有多种，我这里是因为使用了'?.'，解析不了，换一种写法即可。

完结

总体来说还算顺利，之前启动需要60s以上，现在启动仅需1s，并且热加载也是快了好几倍。

楼主的是vue2.6.x的版本，和vue3.x版本出现的问题猜测应该差不多。

热门标签