騰訊開發(fā)團(tuán)隊(duì)又一開源利器發(fā)布！

來自：開源最前線（ID：OpenSourceTop）

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

很多前端開發(fā)者一定都知道Vite，一個(gè)基于瀏覽器原生 ES imports 的開發(fā)服務(wù)器。Vite具有以下作用：

• 快速的冷啟動(dòng)：不需要等待打包操作；

• 即時(shí)的熱模塊更新：替換性能和模塊數(shù)量的解耦讓更新飛起；

• 真正的按需編譯：不再等待整個(gè)應(yīng)用編譯完成，這是一個(gè)巨大的改變。

但是今天猿妹要和大家分享的不是Vite，而是一個(gè)前端項(xiàng)目轉(zhuǎn)換工具，可以讓webpack項(xiàng)目支持vite。

wp2vite 不會(huì)刪除你的項(xiàng)目的webpack的配置文件，但是會(huì)在你的項(xiàng)目中插入vite的配置文件，相較于webpack，vite開發(fā)環(huán)境構(gòu)建速度可以提升80%左右，構(gòu)建生產(chǎn)環(huán)境能夠提升50%左右。

wp2vite支持React、Vue，具體如下：

react

• 支持create-react-app創(chuàng)建的項(xiàng)目, 無論項(xiàng)目是否已執(zhí)行eject配置

• 支持react-app-rewired配置的項(xiàng)目

• 支持webpack.config.js創(chuàng)建的項(xiàng)目

vue

• 支持vue-cli創(chuàng)建的項(xiàng)目, 無論項(xiàng)目是否包含vue.config.js文件

其他

• 其他包含webpack.config.js 文件的項(xiàng)目均支持轉(zhuǎn)換

wp2vite安裝也很簡單：

npm install -g wp2vite

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

最后附上wp2vite的Github地址：https://github.com/tnfe/wp2vite

點(diǎn)贊和在看就是最大的支持