Есть ли способ сделать webpack не отображать все куски, которые он компилирует?

Вывод CLI по умолчанию для webpack является слишком подробным для моей симпатии. Как только я импортирую React из одного из моих файлов, результат взрывается, показывая все куски (?), Упакованные:

webpack result is served from /
content is served from /Users/me/myproject
Hash: aaaf5afc6582f3222f55
Version: webpack 1.12.14
Time: 1175ms
   Asset    Size  Chunks             Chunk Names
index.js  677 kB       0  [emitted]  main
chunk    {0} index.js (main) 643 kB [rendered]
    [0] ./src/app.js 574 bytes {0} [built] [1 error]
    [1] ./~/react/react.js 56 bytes {0} [built]
    [2] ./~/react/lib/React.js 1.49 kB {0} [built]
    [3] ./~/react/lib/ReactDOM.js 3.71 kB {0} [built]
    [4] ./~/process/browser.js 2.06 kB {0} [built]

...

  [155] ./~/fbjs/lib/mapObject.js 1.47 kB {0} [built]
  [156] ./~/react/lib/onlyChild.js 1.21 kB {0} [built]
  [157] ./~/react/lib/deprecated.js 1.77 kB {0} [built]
  [158] ./~/react-dom/index.js 63 bytes {0} [built]
  [159] ./src/component.js 339 bytes {0} [built] [1 error]

На самом деле меня не волнует вся эта дополнительная информация. Я был бы доволен возможностью:

  • Отключите куски в целом, просто показывая общий прогресс.
  • Показывать только мой собственный код, а не материал, который я импортирую из своего node_modules

В настоящий момент моя команда webpack webpack-dev-server --progress. Моя конфигурация webpack довольно простая, просто указывая записи, выходные данные и загрузчики для babel и eslint.

Ответы

Ответ 1

Из командной строки я не смог найти способ сделать это.

Однако, если у вас есть файл webpack.config.js, существует два параметра для подавления списка модулей.

devServer: {
    stats: 'errors-only'
}

или

devServer: {
    stats: { chunks: false }
}

Надеюсь, что это поможет.

Ответ 2

Это сработало в моем случае: webpack --hide-modules

Ответ 3

Если в вашем проекте есть webpack.config.js, добавьте следующее к возвращаемому объекту функции экспорта:

devServer: {
    stats: {
        assets: false,
        children: false,
        chunks: false,
        hash: false,
        modules: false,
        publicPath: false,
        timings: false,
        version: false,
        warnings: true,
        colors: {
            green: '\u001b[32m'
        }
    }
}

Ответ 4

Существует webpack недокументированная --hide-modules. Вы можете передать его webpack из webpack-dev-server, добавив эту строку в webpack config:

devServer: { 'hide-modules': true }

Ответ 5

Начиная с Webpack 3+ есть флаг --display который позволяет детально контролировать вывод:

--display=(verbose|detailed|normal|minimal|errors-only|none)

Ответ 6

В webpack.config.ts вы можете попробовать

devServer : {
  stats: 'minimal',
  watchOptions: { 
   poll: undefined,
   aggregateTimeout: 300,
   ignored: /node_modules/
 }
}

Надеюсь, что это работает.