首页 > 解决方案 > 具有多个条目的 Webpack 5 ChunkGroup API?

问题描述

尝试从 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...
}

标签: javascripttypescriptnpmwebpackweb-applications

解决方案


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

请参阅:https ://libraries.io/npm/webpack-remove-empty-scripts


推荐阅读