webpack 項目支持 vite，騰訊開發團隊又一開源利器發佈！

來自：開源最前線（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

本文分享自微信公衆號 - 1024譯站（trans1024）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。