2017-04-05 2 views
0

webpack.js의 여러 출력 지점에 해당하는 다중 진입 점이있을 수 있습니까?Webpack 다중 입출력 지점

예.

module.exports = { 
    entry: './pathA1/fileA1', 
    output: { 
     path: './pathA2', 
     filename: 'fileA2' 
    }, 
    entry: './pathB1/fileB1', 
    output: { 
     path: './pathB2', 
     filename: 'fileB2' 
    } 
} 

내가 좋아하는 것 그 ./pathA1/fileA1이 ./pathA2/fileA2에 복사 항목 및 ./pathB1/fileB1이 ./pathB2/fileB2에 복사됩니다 항목. 그 다음에 객체의 각 키는 별도의 파일과 대응하는 출력 파일로서 취급되는 입력 키에 객체를 전달하는 경우

답변

1

웹팩 사이트에서 인용하는

{ 
entry: { 
    a: "./a", 
    b: "./b", 
    c: ["./c", "./d"] 
}, 
output: { 
    path: path.join(__dirname, "dist"), 
    filename: "[name].entry.js" 
} 

생성된다

여러 진입 점을 사용하려면 항목 옵션에 개체를 전달할 수 있습니다. 각 값은 진입 점으로 취급되며 키는 진입 점의 이름을 나타냅니다.

여러 진입 점을 사용하는 경우 기본 output.filename 옵션을 대체해야합니다. 그렇지 않으면 각 진입 점이 동일한 출력 파일에 기록됩니다. 진입 점의 이름을 얻으려면 [이름]을 사용하십시오.

+0

예, 물론 답변드립니다. 그러나 엔트리 포인트가 서로 관련이 없으며이 [이름] 변수를 통해 엔트리 포인트를 상관시킬 수 없다면 어떻게 될까요? – luthien

+0

여기서 name 변수가 키입니다. 그래서 "a"이름은 a. 진입 점이 서로 관련이없는 경우 다음과 같은 내용을 사용할 수 있습니다. 출력 : 경로 : base.coreOutDir, 파일 이름 : '[name]/[name] .bundle.js' } 이렇게하면 주어진 키와 다른 폴더 이름으로 파일을 생성하십시오. –