关于vite:vitetypescript项目配置-alias

39次阅读

共计 417 个字符,预计需要花费 2 分钟才能阅读完成。

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"]
    }
  },
  ...
}

正文完
 0