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的多个输出

回答

相关问题