webpack的多個輸出

我想分開我的反應應用程序在兩個部分。將有一個登錄頁面來驗證一個有效的用戶，一旦驗證，我將呈現實際的Web應用程序。爲了發生這種情況，我想我需要兩個html文件。webpack的多個輸出

我認爲每個html文件可能會使用兩個不同的包。所以我login.html可能會使用下面的腳本...

<script type="text/javascript" src='./scripts/bundle.js'></script>

我index.html將使用...

<script type="text/javascript" src='./scripts/bundle2.js'></script>

但我怎麼能在輸出的WebPack兩束？

這是我有...

module.exports = { 
    entry: {'./src'}, 

    devtool: 'source-map', 
    output: { 
    path:'/', 
    filename: 'scripts/bundle.js', 
    publicPath: '/' 
    }, 

    module: { 
    ...etc,etc.

正如你可以看到我的唯一切入點是/src這就是我目前的index.js文件位於填充我的index.html。

用於填充我的login.html的index.js文件位於foler Authentication中。但是，下面的項不會做我想做的......

entry: {'./src', '/Authentication'}

我需要爲每一個HTML文件的兩個輸出，因爲它們是essentiall從另一個分離。我在這裏有什麼選擇？有沒有辦法實現我想要的？

來源

2016-10-09 Bolboa

將捆綁包分成多個文件很常見。的WebPack的文檔給出了這一個很好的解釋 - Link

所以，如果你想有多個入口點的應用程序，只是把它作爲key: value對在入口點是這樣的：

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

最後文件生成的將是a.entry.js,b.entry.js等等。

來源

2016-10-09 07:43:29

webpack的多個輸出

回答

相關問題