将动态导入捆绑到一个块中

Question

我正在尝试捆绑使用e.push(import("./polyfills/dom.js"))等动态导入的ESM源文件。这是第三方脚本 - 所以我无法改变它。

默认情况下，Webpack会为每个动态导入生成一个块。但我更愿意将它们捆绑在一个多功能的文件中。

我见过类似webpackMode: "eager" exists的内容，声称可以做到这一点，但我无法弄清楚如何相应地配置webpack.config.js（因为它显然没有以这种方式工作 - 我所看到的只是一个像import(/* webpackMode: "lazy" */)这样的花哨的评论语法 - 我不能使用它，因为它是第三方代码。）

如何正确使用？
或者是否有另一种方法可以将所有这些动态导入合并到一个单独的包中？

webpack.config.js

const path = require("path");

module.exports = {
  entry: "./components/esm/index.js",
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "bundle.js",
  }
};