Vue3---别名路径配置

velpro_!

已于 2023-07-09 17:06:51 修改

阅读量608

点赞数 1

文章标签：前端 javascript vue.js

于 2023-07-02 23:03:39 首次发布

本文链接：https://blog.csdn.net/weixin_52053631/article/details/131506692

版权

创建jsconfig.json配置文件：这个配置只做联想提示

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

vite.config.js配置文件中才做实际的路径转换

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    // 实际路径转换
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})