Отключите ленивую загрузку Webpack глобально, без волшебных комментариев

Question

Есть ли способ отключить ленивую загрузку Webpack в одном централизованном месте? Как с консольным переключателем или опцией в webpack.config.js файле?

Я использую «магические комментарии» /* webpackMode: "eager" */ везде, где могу, но если другой модуль второго уровня вызывает модуль третьего уровня, в котором при импорте отсутствует «магический комментарий».

В результате у меня есть один большой пакет и несколько маленьких кусков, в то время как я предпочел бы, чтобы они были частью большего пакета, как и остальные.

К сожалению, я не могу пройтись по всему исходному дереву и установить /* webpackMode: "eager" */, так как там много библиотек npm ...

Есть ли способ, как решить эту проблему раз и навсегда?

P.S. Используемая версия Webpack: 4.30.0.

В настоящее время ведется дискуссия о том, что либо webpackMode: "eager" должно быть параметром по умолчанию для Webpack 5 . Но никакой конкретной позиции, как я могу сказать, не выработано.

Answer 1

Я нашел ответ на этот вопрос - стандартный Webpack's LimitChunkCountPlugin .

Может использоваться с webpack.config.js, а также его настройки могут быть перезаписаны из командной строки.

Это сработало для меня без каких-либо дополнительных усилий на Webpack 4.30.0. Вот раздел, который необходимо добавить в файл конфигурации:

const webpack = require('webpack');
module.exports = {
  // ...
  plugins: [
    new webpack.optimize.LimitChunkCountPlugin({
      maxChunks: 1
    })
  ]
};

При объединении этого кода с вашей конфигурацией важно не забыть импортировать webpack (строка # 1).