如何与webpack共建多目标？

Question

我跟踪了文档并实现了如下内容：

...
const config = {
    mode: 'development',
    devtool: 'inline-source-map',
};

const nodeConfig = merge(common, {
    ...config,
    output: {
        filename: 'bundle.node.js',
    },
    target: 'node',
});

const webConfig = merge(common, {
    ...config,
    node: {
        crypto: true,
    },
    output: {
        filename: 'bundle.web.js',
    },
    target: 'web',
});

module.exports = [nodeConfig, webConfig];

但是，只有一个目标通过，我认为没有一个确定的过程来确定构建哪个目标(也就是说，有时构建web目标，而另一些时候是节点目标)。

我不知道我在上面的配置中做错了什么，但我觉得有一些竞赛条件，其中一个目标是先构建另一个目标，所以节点进程在构建两个目标之前就退出了。是这样吗？这是我的公共配置。

我使用的webpack版本是4.30.0。

Answer 1

我已经解决了。在我的公共配置中，我使用了清洁-webpack插件

plugins: [
    new CleanWebpackPlugin(),
    ...
]

显然，在构建第二个目标时，干净的插件正在擦除第一个目标。

大多数情况下，您并不需要这个插件，特别是如果您是从CI部署的。