體驗vite + vue3 + ts搭建項目的全過程 - 掘金
2022-02-08 vue3+vite assets動態(tài)引入圖片的幾種方式，解決打包后圖片路徑錯誤不顯示的問題 - 簡書
解決vscode紅色波浪線的ts報錯:找不到模塊“store” ts(2307)，不識別@別名路徑_夏日米米茶的博客-CSDN博客
# npm6.x
npm init @vitejs/app vite-vue3 --template vue-ts
# npm7+ (需要額外的雙橫線)
npm init @vitejs/app vite-vue3 -- --template vue-ts
獲取靜態(tài)圖片路徑vite
// 獲取assets靜態(tài)資源
const usePub = {
? getAssetsHomeFile(url: string) {
? ? const path = `../assets/images/home/${url}`;
? ? const modules = import.meta.globEager("../assets/images/home/*");
? ? return modules[path].default;
? }
}
export default usePub
使用
import usePub from '@/utils/pub-use'
const getAssetsWeatherFile = usePub.getAssetsWeatherFile
getAssetsWeatherFile('zwtp.png')
ts一些報錯
"baseUrl": ".",
? ? "paths": {
? ? ? "@/*": ["src/*"]
? ? },
"strict": false,
