vue webpack转vite遇到的问题以及解决方案

最近公司的项目越做越大,每次启动一下就要花费一两分钟,为了更长时间摸鱼,于是决定转vite

直接引用大神的小工具:wp2vite

即使用完了还是会发现很多小问题:

1. 导入一个文件夹下的多个文件时, 在vite里面require是不能使用的

修改之前:
require.context(’./modules’, true, ‘.js$’)
修改之后:
import.meta.globEager(’./modules/*.js’)

2.svg不能使用解决方案:

https://github.com/anncwb/vite-plugin-svg-icons/blob/main/README.zh_CN.md

3.jsx不能使用

在script标签上加 lang=‘jsx’

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版本出现的问题猜测应该差不多

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值