multiple - ES6, ¿cómo puede exportar un módulo importado en una sola línea?

import javascript

Question

Me gustaría lo siguiente pero con una sola línea, si es posible:

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

Intenté lo siguiente pero no parece funcionar:

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

Answer 1

Entonces, he encontrado que esto funciona bastante bien para la funcionalidad de exportación inmediata de tener un index.js en la raíz del directorio de components para una fácil referencia:

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

module.exports = {
  Component,
  ComponentTwo
};

Necesita usar module.exports .

Answer 2

No sé por qué, pero esto me funciona:

index.jsx:

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

export {Component, Component2, Component3, Component4};

Importo las exportaciones de esta manera:

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

Answer 3

Para los componentes React Native, esta sintaxis funciona para mí:

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

Answer 4

Tenga en cuenta que también puede volver a exportar todo desde un módulo:

export * from ''./Module/Module'';

Answer 5

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

es la forma estándar de ES6, siempre que no necesite que Module esté también disponible dentro del módulo que realiza la exportación.

export Module from ''./Module/Module;

es una forma propuesta de ESnext de hacerlo, pero eso solo funciona si lo has habilitado en Babel por ahora.