vite + react 配置alias

782 阅读1分钟

1、安装@types/node -D

npm i @types/node -D

2、在vite.config.js中配置别名

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path';

export default defineConfig({
  plugins: [react()],
  resolve:{
    alias:{
      '@':path.resolve(__dirname,'./src')
    }
  },
  server:{
    host:'0.0.0.0'
  }
});

3、在tsconfig.json文件中,加入配置

image.png

4、代码中就可以用@了

image.png