的WebPack多个入口和输出点

问题描述：

我能有对应于多个输出点的多个入口点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的条目。

答

如果传递一个目的是输入键，则对象的每个键被视为一个单独的文件和对应的输出文件被该

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

从的WebPack站点引用它创建

要使用多个入口点，您可以将对象传递给入口选项。每个值都被视为入口点，键表示入口点的名称。

当使用多个入口点时，您必须覆盖默认的output.filename选项。否则，每个入口点将写入相同的输出文件。使用[name]获取入口点的名称。

是的，当然，谢谢你的答案。然而，如果入口点与彼此无关，并且我无法通过此[名称]变量将它们关联起来怎么办？ – luthien

这里的名称变量是关键。所以对于“一个”的名字将是一个。如果入口点无关互相u可以使用这样的事情输出：{ 路径：base.coreOutDir，文件名：“[名]/[名] .bundle.js” } 这样做会使用与给定键不同的文件夹名称创建文件。 –

的WebPack多个入口和输出点

相关推荐