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

【问题标题】：Webpack 5 ChunkGroup API with multiple entries?具有多个条目的 Webpack 5 ChunkGroup API？
【发布时间】：2021-03-24 00:19:47
【问题描述】：

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

【问题讨论】：

在您的入口点中使用.ts 和.scss 会不会是个问题？为什么不在ts文件中分别导入scss呢？有什么具体的好处吗？
你知道 ChunkGroup API 是什么吗？

标签： javascript typescript npm webpack web-applications

【解决方案1】：

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

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

【讨论】：

我遇到了完全相同的问题，我从来没有猜到原因可能是这个插件，非常感谢你指出它