Javascript ES6中的进口/出口

我有一个名为

index.js

的文件，我正在将其他模块导入其中，并使用命名导出导出它们：

import { Card, Icon } from 'some-library';
import ButtonComponent from './Button';

export const Button = ButtonComponent;

---

我的问题是-如何在不更改名称的情况下从同一文件中的

某些库导出这些命名导入？
如果要导入命名导出并使用该名称重新导出，请执行以下操作：

export { Card, Icon } from 'some-library';

export { default as ButtonComponent } from './Button';

如果要导入默认导出并使用特定名称重新导出，请执行以下操作：

export { Card, Icon } from 'some-library';

export { default as ButtonComponent } from './Button';

如果要导入命名导出并使用该名称重新导出，请执行以下操作：

export { Card, Icon } from 'some-library';

export { default as ButtonComponent } from './Button';

如果要导入默认导出并使用特定名称重新导出，请执行以下操作：

export { Card, Icon } from 'some-library';

export { default as ButtonComponent } from './Button';

您是否尝试导出它们…？但我无法执行导出const Card=Card

，因为此名称已被使用。因此只需导出卡即可；这不起作用-

意外令牌，预期为{

对不起，应该是

导出{Card}；

您尝试导出它们了吗…？但我无法执行

导出const Card=Card

，因为此名称已被使用。所以只需

导出卡片

；这不起作用-

意外令牌，预期为{

对不起，应该是

导出{Card}

这真是太棒了：）！谢谢！嗯，啊。我这样做了，注意到样式还没有导入。我正在使用

babel插件导入

所以CSS随模块一起导入。我还能导入这个CSS吗？你指的是什么样式？是“某个库”或“./按钮”导出的吗？还是一些独立的css文件？在本例中，我使用

antd

作为UI库。如果我使用

import{Card}从“antd”

中，我的网页包配置中包含上述插件，它还会导入库中包含的卡的样式。使用上述方法，这些样式不再导入。我想知道这是否只是插件问题？可能是插件问题。但插件是否需要您显式使用

导入

，然后您可以执行类似于注释中提到的操作：

从“某个库”导入{Card，Icon}

，然后是

导出{Card，Icon}

这真是太棒了：）！谢谢！嗯，啊。我这样做了，注意到样式还没有导入。我正在使用

babel插件导入

所以CSS随模块一起导入。我还能导入这个CSS吗？你指的是什么样式？是“某个库”或“./按钮”导出的吗？还是一些独立的css文件？在本例中，我使用

antd

作为UI库。如果我使用

import{Card}从“antd”

中，我的网页包配置中包含上述插件，它还会导入库中包含的卡的样式。使用上述方法，这些样式不再导入。我想知道这是否只是插件问题？可能是插件问题。但插件是否需要您显式使用

导入

，然后您可以执行类似于注释中提到的操作：

从“某个库”导入{Card，Icon}

，然后是

导出{Card，Icon}；