Я пытаюсь связать исходный файл ESM, который использует динамический импорт, такой как e.push(import("./polyfills/dom.js"))
.Это сторонний скрипт, поэтому я не могу его изменить.
По умолчанию Webpack генерирует порцию для каждого из этих динамических импортов.Но я бы предпочел, чтобы они были объединены в файл «все в одном».
Я видел что-то вроде webpackMode: "eager"
, существующее , которое утверждает, что делает именно это, но яне могу понять, как настроить мой 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",
}
};