ES6，如何能够在一行中导出一个导入的模块？

如果可能的话，我想写下面一行:

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

我尝试了以下方法，但似乎行不通:

export Module from './Module/Module;

66956 次浏览

小开

最佳答案

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

是标准的 ES6方式，只要你不需要 Module也可以在模块内进行导出。

export Module from './Module/Module';

是一种被提议的 ESnext 方法，但是这只有在你现在已经在 Babel 中启用的情况下才有效。

小开

因此，我发现这对于即时导出功能非常有效，即在 components目录的根目录中放置一个 index.js，以便于引用:

import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'


module.exports = {
Component,
ComponentTwo
};

你需要使用 module.exports。

小开

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

组件/index.js:

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 '../components';

小开

请注意，您还可以重新导出模块中的所有内容:

export * from './Module/Module';

小开

对于反应本机组件，这种语法对我很有用:

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

小开

// Service
// ...
export const paymentService = new PaymentService()


// Entry services/index.js file
export * from './paymentService'


// use it like
import { paymentService } from './services/'