Vite系列#編譯設定

$npm run build 與dist資料夾

• 先暫停vite終端機運作ctrl+c
• 在終端機上輸入$npm run build
  
  • 跑完他會回傳他將編譯的資料都放在dist資料夾裡面(dist資料夾就代表是我們可以部署上去的資料夾)
    
  • 在部署之前建議打開資料夾工具將dist資料夾獨立以vscode開啟
    • 按一下go live可以看到畫面
    • 但在重新按about頁面會發現cannot GET / about的提示
    • 主要原因是因為現在的router不是瀏覽器可以運行的路由
    • 關掉web server來做一些專案上的調整
      ## 專案的調整
• 我們打開專案中的src資料夾中的router資料夾的index.js發現我們需要使用前端路由也就是有#
  
• 到vue router網站找這段
  
• 覆蓋上去
  
• 重新運行專案npm run dev 網址上會出現# 就可以避免路徑錯誤的問題
  
• 再繼續重新編譯一次npm run build就會編譯並更新dist
• 打開vscode dist就會發現路由已出現#這代表正常了也可以重新整理