vue3+vite+ts 项目配置 @/路径

vite.config.ts文件中

• 前置条件 下载types/node 下面引入的path会用到
• npm install @types/node --save-dev
• 原因：path模块是node.js内置的功能，但是node.js本身并不支持ts，所以需要手动安装

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path"; //这个path用到了这个模块需要下载  npm install @types/node --save-dev
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  //这里进行配置别名
  resolve: {
    alias: {
      "@": path.resolve("./src"), // @代替src
    },
  },
});

tsconfig.ts文件中 添加如下属性

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