ES6 在索引文件中导出/导入
我目前正在通过 webpack/babel 在 React 应用程序中使用 ES6。我正在使用索引文件来收集模块的所有组件并导出它们。不幸的是，这看起来像这样：
import Comp1_ from './Comp1.jsx';
import Comp2_ from './Comp2.jsx';
import Comp3_ from './Comp3.jsx';
export const Comp1 = Comp1_;
export const Comp2 = Comp2_;
export const Comp3 = Comp3_;
所以我可以很好地从其他地方导入它：
import { Comp1, Comp2, Comp3 } from './components';
显然这不是一个很好的解决方案，所以我想知道是否还有其他方法。我似乎无法直接导出导入的组件。
您可以轻松地重新导出默认导入：
export {default as Comp1} from './Comp1.jsx';
export {default as Comp2} from './Comp2.jsx';
export {default as Comp3} from './Comp3.jsx';
还有一个 proposal for ES7 ES8 可以让您编写 export Comp1 from '…';。
另外，请记住，如果您需要一次导出多个功能，例如您可以使用的操作
export * from './XThingActions';
SyntaxError: Unexpected reserved word，@Bergi 接受的答案确实有效。
为时已晚，但我想分享我解决它的方式。
拥有具有两个命名导出的 model 文件：
export { Schema, Model };
并拥有具有默认导出的 controller 文件：
export default Controller;
我以这种方式在 index 文件中公开：
import { Schema, Model } from './model';
import Controller from './controller';
export { Schema, Model, Controller };
并假设我要导入所有这些：
import { Schema, Model, Controller } from '../../path/';
简单地：
// Default export (recommended)
export {default} from './MyClass'
// Default export with alias
export {default as d1} from './MyClass'
// In >ES7, it could be
export * from './MyClass'
// In >ES7, with alias
export * as d1 from './MyClass'
或按函数名称：
// export by function names
export { funcName1, funcName2, …} from './MyClass'
// export by aliases
export { funcName1 as f1, funcName2 as f2, …} from './MyClass'
更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export
export myFile，然后在另一个文件中有一个 const myFile = require('/myfile')，您可以 console.log('myFile') 看到 import 在对象中添加一个覆盖层，您将在导入的文件中看到参数 default目的。
文件夹结构：
components|
|_ Nave.js
|_Another.js
|_index.js
组件文件夹内的 Nav.js comp
export {Nav}
组件文件夹中的 index.js
export {Nav} from './Nav';
export {Another} from './Another';
随处导入
import {Nav, Another} from './components'
对我有用的是添加 type 关键字：
export type { Comp1, Comp2 } from './somewhere';
通过以下方式安装 @babel/plugin-proposal-export-default-from：
yarn add -D @babel/plugin-proposal-export-default-from
在您的 .babelrc.json 或任何配置文件类型中
module.exports = {
//...
plugins: [
'@babel/plugin-proposal-export-default-from'
]
//...
}
现在您可以直接从文件路径导出：
export Foo from './components/Foo'
export Bar from './components/Bar'
祝你好运...
