在 webpack 中创建两个供应商块

Question

在我当前的 webpack 设置中，我有一个 cacheGroup 用于 node_modules 文件夹中的所有内容：

optimization: {
    splitChunks: {
        cacheGroups: {
            "vendors": {
                test: /[\/]node_modules[\/]/,
                name: "vendors",
                chunks: "all",
                priority: 1,
            },
        }
    },
}

我想要一个单独的供应商文件，专门用于时刻时区。其他一切都保留在vendors，但时刻时区应该是它自己的文件。我该怎么做？谢谢。

Answer 1

也许 2 个入口点可以帮助您做到这一点？

在您的网络包中

module.exports = {
    entry: {
        "moment-timezone": "vendor-moment.js",
        "common-vendor": "common-vendor.js"
    },

所以时刻时区文件将是这样的

import "moment";

当您运行 webpack 时，您将有 2 个 js 文件 1 用于另一个供应商脚本的时刻时区 1