vue import 导入优化

MC_Hello

于 2022-03-11 16:49:55 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/MC_Hello/article/details/123428743

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在Vue项目中如何创建并配置jsconfig.json文件，以实现`@`符号的导入路径映射。通过配置`baseUrl`和`paths`，将原本的相对路径` '../../api/api' `改为` '@/api/api' `，简化了模块导入方式，提高了代码可读性和维护性。

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

在vue项目中新建 jsconfig.json
文件配置

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

文件中导入改变
由原来的

import instance, {baseUrl} from '../../api/api';

改成

import instance, {baseUrl} from '@/api/api';