腾讯开发团队又一开源利器发布！
2021-08-17 12:02:36 Author: mp.weixin.qq.com(查看原文) 阅读量:10 收藏

来自：开源最前线（ID：OpenSourceTop）

综合自：https://github.com/tnfe/wp2vite

很多前端开发者一定都知道Vite，一个基于浏览器原生 ES imports 的开发服务器。Vite具有以下作用：

  • 快速的冷启动：不需要等待打包操作；

  • 即时的热模块更新：替换性能和模块数量的解耦让更新飞起；

  • 真正的按需编译：不再等待整个应用编译完成，这是一个巨大的改变。

但是今天猿妹要和大家分享的不是Vite，而是一个前端项目转换工具，可以让webpack项目支持vite。

wp2vite 不会删除你的项目的webpack的配置文件，但是会在你的项目中插入vite的配置文件，相较于webpack，vite开发环境构建速度可以提升80%左右，构建生产环境能够提升50%左右。
wp2vite支持React、Vue，具体如下：

react

  • 支持create-react-app创建的项目, 无论项目是否已执行eject配置

  • 支持react-app-rewired配置的项目

  • 支持webpack.config.js创建的项目

vue
  • 支持vue-cli创建的项目, 无论项目是否包含vue.config.js文件
其他

  • 其他包含webpack.config.js 文件的项目均支持转换

wp2vite安装也很简单：
npm install -g wp2vite

值得一提的是，wp2vite已被vite官方收录：

最后附上wp2vite的Github地址：https://github.com/tnfe/wp2vite
--- EOF ---
推荐↓↓↓

文章来源: http://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI3OA==&mid=2650853169&idx=1&sn=1d5bcc7e97c99a3689a4a9f11678b3ce&chksm=80d3e458b7a46d4ea7b1167a969ec9c816bacd33b52e4d529cc4d65fb75e41d551d65e15880c&mpshare=1&scene=24&srcid=0817X7JDCEJ1jpnycQBffbVa&sharer_sharetime=1629172955726&sharer_shareid=5191b3dcb328f693d5261ba6bca8d267#rd
如有侵权请联系:admin#unsafe.sh