在vite项目中配置别名

vite项目中配置别名，方便组件化开发

ts配置

修改ts.config.js

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

vite识别@符号

安装node类型声明文件

npm i @types/node -D

在vite.config.ts中增加配置

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue' // 这里使用nodejs的模块，可能会报错，需要安装node的类型声明文件

import path from 'path' // vitejs.dev/config/

export default defineConfig({

plugins: [vue()],

resolve: {

alias: {

  '@': path.resolve(__dirname, './src')
  
}

}

})