javascript - 使用 index.js 进行导出时如何绕过 airbnb eslint import/prefer-default-export 规则

Question

对于这样的情况，/ACollectionOfTinyComponent/index.js

import Container from './Container';
export {
  Container,
};

因此 index.js 成为一个包含其他小部分的目录，而不必一直写出每个组件名称。所以在这种情况下，我们可以在另一个组件中导入一个组件，如下所示:

import {Container} from './ACollectionOfTinyComponent'

//then use Container in the code here

这是一种不好的做法吗？因为如果我启用了 airbnb linter，那么我得到了

的错误 linting

Prefer default export import/prefer-default-export

它要求我添加 default 但这会导致编译错误

Answer 1

我发现这是因为我只为 index.js 添加了 ONE 导入和导出。但如果我添加不止一个就好了!例如，如果我这样做

import Container from './Container';
import Ezeewei from './Ezeewei';
export {
  Container,
  Ezeewei,
};

请注意，我又添加了一个 Ezeewei 的导入。

然后 linting 规则将通过!