webpack - Webpack 多个入口和输出点

Question

我可以有多个入口点对应于 webpack.js 中的多个输出点吗？

例如

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。

Answer 1

如果将对象传递给入口键，则对象的每个键都将被视为一个单独的文件，并为此创建相应的输出文件

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

从 webpack 站点引用它

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

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