Изменить маршруты в Realact Js

Question

У меня есть эти импортные данные:

import {Input, InputTxtCenter} from '../../../components/forms/input/input.js';
import {ButtonRed} from '../../../components/buttons/';
import {TxtCenter} from '../../../components/misc/texts/texts.js';

, и я хочу преобразовать эти маршруты в нечто похожее на это

import {ButtonRed, ButtonWarning} from 'buttons';
import {TxtCenter} from 'misc/text';
import {TxtCenter} from 'forms/input';

, то есть система знает, что импорт всегда будетиз папки "компоненты"

Возможно ли это сделать?Без необходимости создавать компонент в node_modules?

Answer 1

Вы можете создать .env файл, содержащий NODE_PATH=src, если вы используете create-Reaction-app .Я рекомендую вам начать любой проект с использованием CRA с возможной опцией eject, если вам действительно нужна настройка.

Answer 2

Я думаю, что это не вопрос React, а скорее вопрос разрешения модуля / псевдонима.

Я предполагаю, что вы используете какой-то инструмент, например babel, в котором вы можете попробовать babel-plugin-module-resolver .

Основная идея состоит в том, чтобы определить псевдонимы в вашем файле .babelrc, чтобы вы могли избежать отслеживания относительной структуры каталогов при импорте.