Vite 文件系统路径的别名

路径的别名 resolve.alias

在构建vue项目时通常给路劲配置别名

export default defineConfig({
  resolve: {
    alias: {
      // '@': path.resolve(__dirname, "src"),
      //path.resolve 不能使用
    }
  }
})

无效

官方：

类型：Record<string, string> | Array<{ find: string | RegExp, replacement: string, customResolver?: ResolverFunction | ResolverObject }>将会被传递到 @rollup/plugin-alias 作为 entries 的选项。也可以是一个对象，或一个 { find, replacement, customResolver } 的数组。

当使用文件系统路径的别名时，请始终使用绝对路径。相对路径的别名值会原封不动地被使用，因此无法被正常解析。

export default defineConfig({
  resolve: {
    alias: [
      {
        find: "@",
        replacement: path.resolve("./src"),
      },
    ],
  }
})

添加TypeScript的配置:

{
  "compilerOptions": {
    // ...
    "paths": {
      "@/*": ["src/*"]
    }
  },
}