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

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

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

// vite.config.js/tsimport { 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