Как настроить VS Code для понимания вложенных package.jsons?

Question

У меня есть большое приложение 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 из коробки не знает, как обрабатывать этот импорт, поэтому многие функции отсутствуют.

Кто-нибудь знает, как это исправить?

Спасибо

Answer 1

Вы можете использовать что-то вроде lerna , который может управлять несколькими пакетами вместе в одной папке.

Ваш репо станет таким, согласно документам:

my-lerna-repo/
  package.json
  packages/
    package-1/
      package.json
    package-2/
      package.json

Answer 2

Я нашел ответ! Предполагая, что вы работаете с Typescript, в вашем проекте должно быть tsconfig.json root.

. Вам нужно добавить следующие ключи к tsconfig.json.

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

baseUrl по сути root вашего исходного кода. paths - это объект, детализирующий, куда сопоставлять ключи.

Источник: https://netbasal.com/sexier-imports-in-typescript-e3c645bdd3c6