vite.config.js/ts

// ...
import {join} from "path";

export default defineConfig({
  // ...其他配置
  resolve: {
    alias: {
      '@': join(__dirname, 'src')
    }
  }
})

如果项目使用TypeScript编写,还需要修改一下TypeScript的配置

tsconfig.json

{
  "compilerOptions": {
    // ...
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  // ... 其他配置
}

如果你是刚创建的TypeScript项目,有可能会遇到找不到模块“path”或其相应的类型声明的错误提示,安装@types/node即可。

npm:

npm install @types/node --save-dev

yarn:

yarn add @types/node
Last modification:October 14, 2022
如果觉得我的文章对你有用,请随意赞赏。