vue3免編譯

1. vue3 模板編譯報錯

template 會在編譯的時候警告

意思： 組件提供模板選項，但是在Vue的這個構建中不支持運行時編譯，配置你的bundler別名 vue： vue/dist/vue.esm-bundler.js

vue 的使用環境，分為兩種環境，一種是開發，一種是生產，

原文鏈接： https://blog.csdn.net/qq_41499782/article/details/112505665

2. 搭建vue3+typescript+vite+yarn項目

vite是vue3推薦的打包工具，相較於webpack，Vite 是基於 native ES mole —— 現代瀏覽器基本已經全部支持了import/export 語法。 在Vite中,啟動本地伺服器,是不需要提交編譯文件的, 而是在瀏覽器請求對應URL時, 再提供文件,實現了真正的路由懶載入, 這個比起Webpack節省了不少時間。打包和響應速度提升10倍以上

若您的版本低於4.0
請使用 vue upgrade 命令更新cli

我們選中vue，按回車確定

然後選擇vue-ts，回車確認

啟動後在瀏覽器鉛答輸入： http://localhost:3000/
頁面就像這樣槐逗慧：

到這里，一個基礎的vue+ts+vite的項目就搭指顫建好了

下一節我們討論關於vite的配置