npm i @types/node

import { defineConfig, loadEnv, type ConfigEnv  } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import tailwindcss from '@tailwindcss/vite'
import { resolve } from 'path'

const pathResolve = (dir: string) => {
	return resolve(__dirname, '.', dir);
};

const alias: Record<string, string> = {
	'@': pathResolve('./src'),
};

const viteConfig = defineConfig((mode: ConfigEnv) => {
  const env = loadEnv(mode.mode, process.cwd());
	// 判斷是否開(kāi)發(fā)環(huán)境
	const isDev = env.VITE_ENV === 'development';

  return {
    plugins: [
      vue(), 
      tailwindcss(),
	  AutoImport({
		imports: ['vue', 'vue-router', 'pinia'], // 自動(dòng)導(dǎo)入的依賴庫(kù)數(shù)組
		dts: true, // 生成自動(dòng)導(dǎo)入類型定義文件
	  })
    ],

	resolve: { alias }, // 路徑別名配置

    .....
  }
})

export default viteConfig;

"baseUrl": "./",

"paths": {

      "@/*": ["src/*"]

},

{
  "compilerOptions" : {
    "target": "esnext",
    "module": "esnext",
    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
    "isolatedModules": true,
    "strict": true,

    "moduleResolution": "node",
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    },
    "types": ["vite/client"],
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,

    "experimentalDecorators": true,

    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "auto-imports.d.ts"],
  "exclude": ["node_modules", "dist"]
}