灏天阁

vue3.2/Vite/Ts9: src 别名配置

· Yin灏
  • vite.config.ts
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
export default defineConfig({
	plugins: [vue()],
	resolve: {
		alias: {
			'@': path.resolve('./src')
		}
	}
})

TypeScript 编译配置

  • tsconfig.json
{
	"compilerOptions": {
		"baseUrl": "./", // 当前的相对路径
		"paths": {
			"@/*": ["src/*"]
		}
	}
}
  • 注:卸载 Vetur 插件(对 vue3 不友好)

- Book Lists -