关于vite:vite配置项目路径别名

webpack 中能够通过 resolve.alias 定义我的项目门路别名，这样能够在引入文件时，不再须要应用相对路径，对立以根门路（/src/）作为终点。

vite 同样反对门路别名的定义：

// vite.config.js/ts
import {join} from "path";
import {defineConfig} from 'vite'

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {'@': join(__dirname, "src"),
    }
  }
})

如果我的项目是 TypeScript 编写，还须要批改一下 TypeScript 的配置：

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

如果你是刚创立的 TypeScript 我的项目，有可能会遇到 找不到模块“path”或其相应的类型申明 的谬误提醒，装置 @types/node 即可。

npm install @types/node --save-dev