我使用 React
构建我的组件库。我需要有一个 index.js
,可以在一个地方导入所有的组件。
类似这样:
MyComponents/
Button.js
Label.js
index.js
在 index.js
中,我尝试做如下操作:
// this export nothing
export {default} from './Button';
// this tells me about syntax error
export default from './Button';
我找到了唯一可行的解决方案。
import Button from './Button';
export default Button;
但我发现一些React组件库使用了我上面提到的语法(
export default from './Button'
) - 它们以某种方式起作用。看起来它们使用了一些babel-plugin-transform-*
来实现这个。请帮助我找到如何将我的两行导入导出转换为一个
export ... from ...
的方法。谢谢。附注:最终我需要做的是:
import Button from './MyComponents';
export {default as Button} from './Button'
。 - Przemysław Zalewskiexport default from './Button'
对我来说是有效的。编译并正确显示。我使用以下Babel预设:"es2015", "stage-0", "react"
。你能给我展示一下你的Babel/Webpack配置吗?在这里查看截图。 - Przemysław Zalewskistage-0
或stage-1
,因为这是实验性功能。这可能是一个原因。 - Anton Danilchenko