.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 效果就不太滿意。目前先將這些研究文章和亂試的方式記錄下來。
繼續閱讀上一篇寫過 .NET core 3 + Vue-cli 3 的起手式,這次我們要把做好的專案寫成 dotnet new 的範本,這樣以後就不用做這麼多繁瑣的步驟啦!
繼續閱讀之前有寫過一篇 .NET core 2 + Vue-cli 2 的起手式,到了2019,兩者也紛紛出版本3。這次,我們將說明如何用 .NET Core 3 + Vue-cli 3 起一個新專案,附贈最新 Vuetify 2 的 Material Design 框架。
繼續閱讀紀錄 .NET Core 升級到 2.2 和 Webpack 升到 4 要注意的地方~
繼續閱讀這次要教大家如何使用 VScode
debug .Net Core
的專案喔~
.Net Core
可以不用開啟慢吞吞的 IDE
,即可快速建立專案。本篇全程使用 VScode
,手把手教你如何用 .NET Core 2.0 MVC
+ vue-cli
起始一個 SPA
專案。當然, HMR
(Hot Module Replacement) 神器也會一併附上啦。
此篇介紹如何加入並使用 pug-loader
,並使用 PUG
語法測試撰寫 html
。
此篇介紹如何加入並使用 babel-loader
,並使用 ES6
語法測試撰寫 js
。
此篇介紹如何加入並使用 webpack-dev-server
,並展示 Hot Reload
功能。