Webpack 雖然在前端很強大,起專案和 HMR 的速度也跟著套件裝越多越慢,但隨著 IE 的沒落,很多套件其實都不需再使用。這時候新一代的技術 Vite 颳起一陣旋風,利用現代瀏覽器支持 ES 模塊的特性,直接用瀏覽器的資源做更快速的打包 & HMR,用了一次之後就回不去 Webpack 了 XD ~ 本篇說明如何用 NET 6 + Vite + Vue 3 來起一個新專案。

繼續閱讀

.NET 5 之後會將 dotnet 各 platform 整合起來,且 dotnet 3.1 cshtml HMR 的 extension 功能被官方強迫棄用,目前我看各方文章感覺還沒有一個很好的升級方式。要馬就是改用網友寫的 Vue-Cli,把 config 轉到 cli,要馬就是 Nuget 套件改用網友寫的。我自己參考國外文章,是有人用 Vite 做到用 index.cshtml 的 HMR: 這篇。但是因為公司內部還是有 IE 瀏覽器且 Vite 相關套件還沒有到完整,沒辦法放棄使用 webpack,只好參考這篇嘗試用 webpack HMR,很不幸的,若照文章模仿雖然 HMR 字眼有出現,但一直沒有正常作用,胡亂嘗試了一番,勉強用奇怪的方式有做到 Auto Reload,但沒有 HMR 效果就不太滿意。目前先將這些研究文章和亂試的方式記錄下來。

繼續閱讀
  • 第 1 頁 共 1 頁
作者的圖片

Anny Chang

Know my limits but never stop trying to exceed them.


F2E & UI Designer


Taiwan