关于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