vue3 的專案是基於 vite 啟動的，執行打包的時候，預設生成的index.html是載入根目錄下的資源，如下圖所示
那麼如何修改，讓我們打包後的檔案，帶上二級目錄的名字呢？
查詢尤大的 vite庫，看到關於公共檔案的路徑配置的一段話
我根據這段提示，在package.json中做出如下修改
// 修改
"scripts"
:}
index.html的檔案引入增加了二級目錄的名稱，如下圖所示
至此問題得到了解決
tips：多關注 github 上的官方文件，有不懂的配置，一查就能查到了哦~
Vue3專案的打包執行
執行以下這條命令對專案進行打包 npm run build生成dist資料夾,進入dist資料夾下的index.html檔案,然後右鍵選擇open with live serve開啟一台埠號為5500的本地伺服器來開啟網頁,發現404錯誤.這是因為index.html檔案中引入的資源路徑以專案根目錄...
Vue3 學習筆記之 watchEffect
最近在看 vue3 的一些新 feature，順道學習了一些 hooks 程式設計的思想，感覺挺有啟發的。今天就以 watcheffect 這個很小的 case 為例，開啟我的 vue3 學習筆記。對所有初學者來說，vue2 到 vue3 最直觀的改變就是 composition api 幾乎所有的...
vue3之setup的使用理解
1 vue3中的setup有什麼用?setup的設計是為了使用組合式api 2 為什麼不用之前的元件的選項 data computed methods watch 組織邏輯在大多數情況下都有效。然而，當我們的元件變得更大時，邏輯關注點的列表也會增長。這可能會導致元件難以閱讀和理解，尤其是對於那些一開...