ts+vite配置路径别名

一、往vite.config.ts中添加如下

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve:{
    alias:{
      "@":path.resolve(__dirname,'./src')
    }
  }
})

二、若配置如上后path显示后色，则需要下载一个插件

npm i -D @types/node

三、若下载插件后路径报红，则需要更改path的引入

import * as path from 'path'

四、若完成上述配置后使用@符没有提示，则需要再tsconfig.json配置如下