Question

我想使用绝对导入，例如

import Button from 'components/iu/Button';

而不是

import Button from '../../../iu/Button';

已使用create-react-app创建了该应用程序。该应用程序当前没有webpack.config.js或.babelrc。我不确定我可以在多大程度上创建这些文件并添加配置，以及我在多大程度上看不到create-react-app管道。

如何为项目添加绝对导入？

Answer 1

在根目录（.env文件夹）中创建名为src的文件。

将此行放入.env文件中。

NODE_PATH = src

现在您可以使用绝对导入，例如import Button from 'components/iu/Button';。

在 react-create-app 1.x 上进行了测试。

Answer 2

@JaLe是对的，正如他所说，看来这仅适用于create-react-app。

此外，还应将以下文件添加到项目中，以便您的IDE可以为您提供正确的模块路径自动完成功能：

jsconfig.json

// Set up compilerOptions for VSCode, including how to resolve import statements (needed in accordance with the setup done in ".env")
{
  "compilerOptions": {
    "module": "es6",
    "baseUrl": "./"
  }
}

无配置项目中的绝对ES6导入路径？

2 个答案: