Vue3src 路径别名`@`的配置vite.config.ts,tsconfig.json

路径别名`@`的配置在开发项目的时候文件与文件关系可能很复杂，因此我们需要给 src 文件夹配置一个别名。

这个有好几种写法都可以实现配置，下面可以看看这些写法

// vite.config.ts

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
export default defineConfig({
    plugins: [vue()],
    resolve: {
        alias: {
            "@": path.resolve(__dirname, "./src") // 相对路径别名配置，使用 @ 代替 src
        }
    }
})
————————————————

// ts 编译配置
// tsconfig.json

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