ES6,如何在一行中导出导入的模块？

Question

如果可能的话,我想要以下内容但只有一行:

• import Module from './Module/Module;
• export Module;

我尝试了以下但它似乎不起作用:

• export Module from './Module/Module;

Answer 1

export {default as Module} from './Module/Module';

是标准的ES6方式,只要您不需要Module在进行导出的模块内部可用.

export Module from './Module/Module';

是一种提议的ESnext方法,但只有你现在在Babel中启用它才有效.

Answer 2

我不知道为什么,但这对我有用:

index.jsx:

import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';

export {Component, Component2, Component3, Component4};

我导入这样的导出:

import {Component, Component2, Component3, Component4} from '../componets/index';

Answer 3

请注意,您还可以从模块重新导出所有内容:

export * from './Module/Module';

Answer 4

对于React Native组件，此语法适用于我：

export {default} from 'react-native-swiper';