vue3+vite配置路径别名@

配置路径别名

1. 安装

yarn add @types/node -D

2. 修改vite.config.ts

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path"; //这个path用到了上面安装的@types/node

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  //这里进行配置别名
  resolve: {
    alias: {
      "@": path.resolve("./src"), // @代替src
      "#": path.resolve("./types"), // #代替types
    },
  },
});

3. ts 路径映射

修改tsconfig.json 添加

 "baseUrl": ".", //查询的基础路径

4. 使用@
 

​​​​​​​import '@/assets/index.less'