developer tip

ES6, 가져온 모듈을 한 줄로 내보내려면 어떻게해야합니까?

copycodes 2020. 10. 9. 11:20
반응형

ES6, 가져온 모듈을 한 줄로 내보내려면 어떻게해야합니까?


가능한 경우 한 줄로 다음을 원합니다.

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

다음을 시도했지만 작동하지 않는 것 같습니다.

  • export Module from './Module/Module;

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

Module내보내기를 수행하는 모듈 내에서 사용할 필요가없는 한 표준 ES6 방식 입니다.

export Module from './Module/Module';

제안 된 ESnext 방법이지만 지금은 Babel에서 활성화 한 경우에만 작동합니다.


왜 그런지 모르겠지만 이것은 나를 위해 작동합니다.

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';

모듈에서 모든 것을 다시 내보낼 수도 있습니다.

export * from './Module/Module';

React Native 구성 요소의 경우이 구문이 저에게 효과적입니다.

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

따라서 쉽게 참조 할 수 있도록 디렉토리 index.js의 루트에있는 즉시 내보내기 기능에 대해이 기능이 매우 잘 작동 함을 발견했습니다 components.

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

module.exports = {
  Component,
  ComponentTwo
};

을 사용해야 module.exports합니다.

참고 URL : https://stackoverflow.com/questions/35665759/es6-how-can-you-export-an-imported-module-in-a-single-line

반응형