vite配置别名

目录

 创建的初始化目录文件如下

 在配置之前，先安装插件@types/node

 找到根目录下的vite.config.ts文件

 如果引用别名出现编译器报错提示

 创建的初始化目录文件如下

 在配置之前，先安装插件@types/node

npm i @types/node -D

 找到根目录下的vite.config.ts文件

插入代码

import {resolve} from "path"

resolve: {
    // 路径别名
    alias: {
        '@': resolve(__dirname, './src')
    },
    extensions: ['.js', '.ts', '.jsx', '.json', '.vue', '.mjs']
}

 如果引用别名出现编译器报错提示

 在根目录下的tsconfig.json文件重插入代码

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