关于vite:vitetypescript项目配置-alias

1. 配置vite.config.ts

//因为node.js暂不反对ts,须要先装置@types/node,能力应用path模块
//npm install @types/node -D 
import { resolve } from "path";
...

module.exports = {
  ...
  resolve: {
    ...
    alias: {
      "@api": path.join(__dirname, 'api'),
      "@utils": path.join(__dirname, 'utils')
    }
  }
}

2. 配置tsconfig.json

{
  "compilerOptions": {
    ...
    "baseUrl": ".",    //未设置 "baseUrl" 时,不容许应用非相对路径。
    "paths": {
      "@api/*": ["src/api/*"], // 应用别名下的模块
      "@utils/*": ["src/utils/*"],
      "@utils": ["src/utils/index.ts"]
    }
  },
  ...
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理