具有多个条目的 Webpack 5 ChunkGroup API？

Question

尝试从 Webpack 4 升级到 Webpack 5 时，我收到以下错误消息：

Module.entryModule: Multiple entry modules are not supported by the deprecated API (Use the new ChunkGroup API)

我试图找到关于 ChunkGroup API 的文档，但我似乎找不到任何东西。你知道拥有多个条目的新方法是什么或如何使用 ChunkGroup API?

我的 module.exports 看起来如下：

const config = {
  entry: {
    dev1: [
      __dirname + "/js/tools/dev1/dev1.ts",
      __dirname + "/css/tools/dev1.scss",
    ],
    dev2: [__dirname + "/js/dev2.ts", __dirname + "/css/dev2.scss"],
    ],
  },
  output: {
    path: path.resolve(__dirname, "../") + "/server/dist",
    filename: "[name].js",
  },
  resolve: {
    extensions: [".js", ".ts", ".tsx"],
  },
  // OMITTED FOR SIMPLICITY...
}

Answer 1

我的问题是我使用的是“webpack-fix-style-only-entries”，但它与 Webpack 5 不兼容。相反，我切换到 webpack-remove-empty-scripts。

参见：https://libraries.io/npm/webpack-remove-empty-scripts

具有多个条目的 Webpack 5 ChunkGroup API？

Webpack 5 ChunkGroup API with multiple entries?

javascript

web-applications

npm

typescript

webpack