vue3+createvue配置文件联想@代表src

越来越好的月

已于 2023-06-16 08:16:02 修改

阅读量268

点赞数

文章标签：前端

于 2023-06-15 21:44:00 首次发布

本文链接：https://blog.youkuaiyun.com/yuyuyuyuyuyyuuyu/article/details/131236465

版权

文章讲述了如何在根目录下创建jsconfig.json文件来设置TypeScript的路径别名，然后在vite.config.js中配置Vite的resolve.alias，以实现模块路径的转换和源码目录(src)的引用。这有助于提高代码的可读性和开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在根目录下键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))
    }
  }
})