配置alias（设置别名@）

Vite配置alias需要两步进行（TS项目）

1、修改vite.config.ts（让程序支持）

2、修改tsconfig.json（让编辑器支持）

修改vite.config.ts

import { defineConfig } from 'vite' 
import path from 'path'
​
function _resolve(dir: string) {
  return path.resolve(__dirname, dir)
}
​
// https://vitejs.dev/config/
export default defineConfig({ 
  // ... 此处省略其他配置选项
  // 配置项目别名
  resolve: {
    alias: {
      '@': _resolve('src'),
    },
  },
  // ... 此处省略其他配置选项
})

修改tsconfig.json

{
  "compilerOptions": {
     // ... 此处省略其他配置选项
    "paths": { // 配置导出路径（根据自己项目目录修改）
      "@/stores*": [
        "./src/stores*"
      ],
      "@/components*": [
        "./src/components*"
      ],
      "@/router*": [
        "./src/router*"
      ],
      "@/utils*": [
        "./src/utils*"
      ],
      "@/pages*": [
        "./src/pages*"
      ],
    },
    // ... 此处省略其他配置选项
  },
   // ... 此处省略其他配置选项
  "exclude": [
    "node_modules",
  ],
  "include": [
    "src/*",
    "src/**/*.vue",
    "src/**/*.tsx",
    "src/**/*.jsx",
    "src/**/*.ts",
    "src/**/*.js"
  ]
}

Taro配置alias需要两步进行（TS项目）

1、修改vite.config.ts（让程序支持）

2、修改tsconfig.json（让编辑器支持）

修改config.ts

import path from "path";
const config = {
   // ... 此处省略其他配置选项
  framework: "react",
  alias:{
    "@": path.resolve(__dirname,"..","src")
  }, 
   // ... 此处省略其他配置选项
};

module.exports = function (merge) {
  if (process.env.NODE_ENV === "development") {
    return merge({}, config, require("./dev"));
  }
  return merge({}, config, require("./prod"));
};

修改tsconfig.json

{
  "compilerOptions": {
     // ... 此处省略其他配置选项
    "baseUrl": "./src",
    "paths": {
      "@/*":["./*"]
    },
    // ... 此处省略其他配置选项
  },
 // ... 此处省略其他配置选项
}