我有一个很大的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开箱即用,不知道如何处理这些导入,因此缺少许多功能。
有人知道如何纠正此问题吗?
谢谢
我找到了答案!假设您正在使用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