首页 > 其他分享 >vue3+vite+ts 项目配置 @/路径

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

时间:2022-10-25 19:33:51浏览次数:44  
标签:node src import ts vue3 path vite

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/*"] },
  },

标签:node,src,import,ts,vue3,path,vite
From: https://www.cnblogs.com/windzz/p/16826009.html

相关文章