使用 resolve 配置全局項目路徑別名
1.優化了開發中單頁面引用其他模塊的路徑復雜性
2.妥妥解決了，組件復用當中提高開發效率
// 不使用配置
import { useStore } from '../../../stores'
// 使用配置 @ 可根據開發者需求任意定義，較多@
import { useStore } from '@/stores'
具體配置
// vite.config.ts
// 這里用到了node內的path模塊，確定當前文件在項目中的準確路徑,并且配置別名
import path from 'path'
export default defineConfig({......resolve:{alias:{'@':path.resolve(__dirname,'./src')},// extensions：解析模塊時自動添加的文件擴展名。// 默認情況下，Vite會解析.mjs、.js、.ts、.jsx、.tsx、.json等擴展名。// 但你也可以根據需要進行自定義，extensions: ['.ts','.json', '.vue'] // 自動解析這些擴展名}
})
配置后出現的異常情況
如出現：找不到模塊“@/…”或其相應的類型聲明。
還需在tsconfig.json、tsconfig.app.json內添加如下配置
{..."compilerOptions": {..."paths": {"@/*": ["src/*"]}}
}
注意了，配置了以上文件后還出現異常情況，重啟一下編輯器試試
快來看看 resolve 還有哪些厲害屬性
)
