웹팩. 엔트리 포인트 종속 가져 오기를 사용할 수 있습니까?

Question

webpack 1.13.2에 번들 된 여러 개의 진입 점이있는 응용 프로그램이 있습니다. 저는 ES2015 모듈과 es-2015 프리셋이있는 babel도 사용하고 있습니다.

entry: { 
     entry1: "app/somechunk/entry1.js", 
     entry2: "app/somechunk2/entry2.js" 
} 

특정 모듈에 대한 조건부 가져 오기를 원합니다. 가져 오기는 진입 점에 의존해야합니다. 다음과 같이 입력하십시오 :

if(entry1){ 
    import locale from 'app/somechunk/localeDictionary1.js' 
} else { 
    import locale from 'app/somechunk2/localeDictionary2.js' 
} 

어떻게하면됩니까?

Answer 1

글쎄, 꽤 자주 제기되는 질문입니다. javascript에는 조건부 가져 오기를 사용할 수 없으며 종속성은 모듈의 정적 속성입니다. dependency inversion

공통 모듈을 사용하고 그것을 위해 구성자 기능을 제공하여

객체 지향 솔루션 : 당신은 기본적으로 두 가지 옵션이 있습니다. 항목에 대한 aliases

구성 별도의 빌드 작업을 사용하고 그들을 구성

// locale.js 
export var dictionary = {}; 
export function setDictionary(dict) { 
    dictionary = dict; 
} 

// locale-en.js 
import { setDictionary } from "./locale"; 
setDictionary({ yes: "yes" }); 

// locale-hu.js 
import { setDictionary } from "./locale"; 
setDictionary({ yes: "igen" }); 

// entries/entry-hu.js 
import "../locales/locale-hu"; 
import "../application"; 

// entries/entry-en.js 
import "../locales/locale-en"; 
import "../application"; 

// application.js 
import { dictionary } from "./locales/locale"; 
console.log(dictionary); 

정적 설정 :

{ 
    entry: "entry.js", 
    resolve: { 
     alias: { 
      "locale": "/locale/locale-en.js" 
     } 
    } 
    ... 
}