Использовать абсолютный путь в компонентах React

Question

Как я могу использовать абсолютный путь от root и изменить root для компонентов импорта?

import Modal from project/app/src/Components/Modal
import Main from ../../../../Constants

и я хочу изменить корневой каталог, чтобы я мог импортировать из src

import Modal from Components/Modal
import Main from Constants

Я пытаюсь изменить рабочие пространства в файле package.json

"workspaces": [
    "project/app/src/*"
]

или использовать

"scripts": {
    "start": "NODE_PATH=project/app/src/ webpack-dev-server"
}

, но он не работает.

Answer 1

Для реализации абсолютного импорта в create-реагировать-приложение Сначала вам нужно создать файл ‘.env’ на корневом уровне (тот же уровень, что и package.json), а затем установить переменную окружения, ‘NODE_PATH’ в ‘src/’

NODE_PATH=src