騰訊開發團隊又一開源利器 wp2vite 發佈
來自:開源最前線(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
本文由 Readfog 進行 AMP 轉碼,版權歸原作者所有。
來源:https://mp.weixin.qq.com/s/kaHUTnB9bC4Fv4YbAAcWdg