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: [
      {
        find: '@',
        replacement: path.resolve(__dirname, 'src')
      },
      ...
    ]
  }
})

如果 path 报错，可以安装 npm i -D @type/node，若还报错则可能是vite版本问题 改成 import * as path from 'path'

别名提示

"compilerOptions": {
	...
	"baseUrl": "./",
    "paths": {
    	"@/*": ["src/*"]
    }
}

这篇好文章是转载于：学新通技术网