更改React 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';

即，系统知道导入将始终来自“components”文件夹

有可能这样做吗？ 无需在node_modules中创建组件？

Answer 1

我认为这不是一个React问题，而是更多的模块解析/别名问题。

我假设您使用的是像babel这样的工具，您可以尝试babel-plugin-module-resolver。

主要思想是在.babelrc文件中定义别名，以便在导入时避免跟踪相对目录结构。

Answer 2

如果您使用create-react-app，则可以创建包含.env的{​​{1}}文件。 如果您确实需要自定义，我建议您使用CRA启动任何可能NODE_PATH=src选项的项目。