如何配置VS Code以理解嵌套的package.jsons?

问题描述 投票:0回答:1

我有一个很大的React Native应用程序,该应用程序使用嵌套的package.json文件将依赖项导入保持在程序包顶部的整洁。

例如,我的库文件夹的package.json包含以下内容:

{
  "name": "libraries",
  "version": "0.0.1"
}

这意味着我可以像这样导入工具:

import { toSnakeCase } from 'libraries/string/transform';

替代方法是

import { toSnakeCase } from '../../../libraries/string/transform';

这使代码更易于编写和推理。

VSCode开箱即用,不知道如何处理这些导入,因此缺少许多功能。

有人知道如何纠正此问题吗?

谢谢

react-native visual-studio-code vscode-settings package.json
1个回答
0
投票

我找到了答案!假设您正在使用Typescript,则项目根目录中应该有一个tsconfig.json

您需要在tsconfig.json中添加以下键。

"compilerOptions": {
  "baseUrl": "./src",
  "paths": {
    "constants": ["constants/*"],
    "forms": ["forms/*"],
    "libraries": ["libraries/*"]
  }
}

baseUrl本质上是源代码的根。paths是一个对象,详细说明了将键映射到的位置。

来源:https://netbasal.com/sexier-imports-in-typescript-e3c645bdd3c6

© www.soinside.com 2019 - 2024. All rights reserved.