2017-04-05 64 views
0

我能有對應於多個輸出點的多個入口點webpack.js?的WebPack多個入口和輸出點

E.g.

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" 
} 

從的WebPack站點引用它創建

要使用多個入口點,您可以將對象傳遞給入口選項。每個值都被視爲入口點,鍵表示入口點的名稱。

當使用多個入口點時,您必須覆蓋默認的output.filename選項。否則,每個入口點將寫入相同的輸出文件。使用[name]獲取入口點的名稱。

+0

是的,當然,謝謝你的答案。然而,如果入口點與彼此無關,並且我無法通過此[名稱]變量將它們關聯起來怎麼辦? – luthien

+0

這裏的名稱變量是關鍵。所以對於「一個」的名字將是一個。如果入口點無關互相u可以使用這樣的事情 輸出:{ 路徑:base.coreOutDir, 文件名:「[名]/[名] .bundle.js」 } 這樣做會使用與給定鍵不同的文件夾名稱創建文件。 –

相關問題