【日常bug记录】Vue3 将 src 的目录设置为 @

关键是这两个文件的设置

• vite.config.ts
  注意 extensions 的配置，我就是因为没加这个，卡了好久

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path';
function resolve(dir) {
  return path.join(__dirname, dir);
}
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.vue'],
    alias: {
      "@": path.resolve("./src") // 相对路径别名配置，使用 @ 代替 src
    }
  }
})

• tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./", // 解析非相对模块的基地址，默认是当前目录
    "paths": { //路径映射，相对于baseUrl
      "@/*": ["src/*"] 
    },
    // 其他配置
}