前端黑科技:让Webpack项目一键支持Vite

本文介绍如何将Webpack项目无缝切换到Vite。通过安装特定工具,可以一键将Webpack配置转换为Vite配置,同时需要注意项目依赖需支持ESM。执行转换命令后,更新依赖,删除不必要的热更新插件,即可实现Webpack到Vite的平滑过渡。源码和脚手架可供直接使用,为开发者提供便利。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Webpack -> Vite

Vite 2.0发布一段时间了很多朋友由于种种原因无法尝试在项目中使用

最近我在思否看有人发的文章,一键让你的webpack支持vite

安装wp2vite

npm install -g wp2vite

安装完成后,进入你的项目根目录

cd yourProjectRootPath

进入根目录后,执行命令wp2vite --config=后面跟上你的webpack配置文件,例如:

wp2vite --config=./webpack.config.js // 传递配置文件

执行以后:

安装新的vite所需依赖:

npm i 
npm run dev

你可能还是会跑不起来,这里注意几个点:

  • 项目依赖必须是支持ESM的,建议安装package@next版本的

  • 热更新不需要之前的那些插件了,vite.con

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值