해결 내보내기/가져 오기

Question

내가 다음

(function(){ 

    window.GlobalObject = { 
     foo : function() { console.log("bar"); } 
    } 

})(); 

같은과 함께 Namespacing.js을 그리고 난

그래서

GlobalObject.newAttribute = { ... } 

내가 지금 웹팩와 함께 번들로하고있어 또 다른 MyScript.js을하고 난이었다 이 모듈을 사용하려고 tryng,하지만 그렇게 할 수 couldnt.

이 Namespacing.js에서 난 끝에 추가 :

export default GlobalObject; 

그럼 내가 MyScript.js에서 그것을 가져 tryed

import GlobalObject from "Namespacing" 

하지만 내 웹팩은 나에게 오류를 얻을 수

[14:58:44] GulpUglifyError: unable to minify JavaScript 
Caused by: SyntaxError: Unexpected token: name (Kneat) (line: 1, col: 7, pos: 7) 

any1이 내보내기/가져 오기를 수행하는 좋은 방법을 알고 있습니까?

Answer 1

import/export으로 전환하려면 exports을 기존 파일에 추가 할 수 없으므로 구조를 변경해야합니다.

export const GlobalObject = { 
    foo : function() { console.log("bar"); } 
}; 

이 ... 명명 기호 GlobalObject 수출 : 예를 들어

, Namespacing.js 중 하나를 가질 것이다.

이

import { GlobalObject } from './Namespacing.js'; 

아니면 기본 수출로 해당 개체를 내보낼 수있다 (당신이 가져 모듈에 로컬로 다른 이름을 원하는 경우가 as 절을 사용할 수 있습니다.) : 그것은이 같은 가져올 것 :

export default { 
    foo : function() { console.log("bar"); } 
}; 

...이처럼 그것을 가져옵니다

import GlobalObject from './Namespacing.js'; 

이 경우, 가져 오는 모듈에서 GlobalObject에 대해 원하는 이름을 사용할 수 있습니다 (as 절이 필요 없음).

---

IIFE를 제거해야한다는 사실에 대해 걱정할 필요가 없습니다. 모듈은 본질적으로 범위가 지정되며 모듈 코드는 전역 범위에서 실행되지 않습니다.