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

Вывод CLI веб-пакета по умолчанию слишком многословен, на мой вкус. Как только я импортирую 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-dev-server --progress. Конфигурация моего веб-пакета довольно проста, я просто указываю вход, выход и загрузчики для babel и eslint.


webpack node.js webpack-dev-server
person Cam Jackson    schedule 11.03.2016    source источник

Ответы (6)


arrow_upward
11
arrow_downward

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

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

devServer: {
    stats: 'errors-only'
}

or

devServer: {
    stats: { chunks: false }
}

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

person freethebees    schedule 09.06.2016
comment
Не уверен, что я делаю что-то совершенно неправильно, но я не могу заставить их работать. Он по-прежнему всегда печатает огромный список модулей :( Я также пытался добавить его в раздел webpack моей конфигурации кармы при запуске тестов, и там он тоже не работает. - person Cam Jackson; 14.06.2016
comment
Чего бы это ни стоило - они оба работают для меня. Запуск webpack-dev-сервера 1.16.2 - person Chris B; 07.12.2016
comment
devServer: {статистика: {фрагменты: ложь}} У меня сработало. - person Praym; 12.01.2017
comment
Единственное место, где это сработало для меня, это «webpack.base.babel» для тех из вас, кто использует реактивный шаблон. - person David; 25.10.2017

arrow_upward
11
arrow_downward

Если в вашем проекте есть файл 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'
        }
    }
}
person Will    schedule 20.02.2017
comment
Добавление этих stats: options в корень словаря module.exports в моем webpack.config.js в сочетании с параметром CLI --hide-modules (как было предложено @artnova) позволило отключить/настроить каждую деталь вывода для пакет вебпака. - person JoepBC; 10.03.2017

arrow_upward
11
arrow_downward

Это сработало в моем случае:

webpack --hide-modules
person artnova    schedule 20.12.2016
comment
искал вдоль и поперек - лучший ответ там - person scniro; 20.06.2017
comment
Не работает в веб-пакете 3 (EDIT: на самом деле работает, если вы также не передаете флаг --color) - person csvan; 13.01.2018

arrow_upward
5
arrow_downward

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

devServer: { 'hide-modules': true }
person Bob Sponge    schedule 11.03.2016
comment
Только что попробовал это, и это, кажется, не имеет никакого значения. Я тоже пробовал --hide-modules=true. - person Cam Jackson; 11.03.2016
comment
Я также нашел вариант --quiet для webpack-dev-server. Это избавляет от списка модулей/чанков, но также удаляет любые указания на то, что упаковка произошла, когда я изменяю код. Так что это, вероятно, слишком мало информации. - person Cam Jackson; 11.03.2016
comment
hide-modules - это опция веб-пакета, и, похоже, она не передается с сервера webpack-dev-server. - person Bob Sponge; 11.03.2016
comment
Нет, похоже, это тоже не работает :( С другой стороны, я понял, что он показывает только полный список при первом запуске. Если я затем пойду, изменю файл и сохраню его, консоль покажет только информацию о файле, который я только что изменил. Я могу жить с этим :) - person Cam Jackson; 12.03.2016

arrow_upward
5
arrow_downward

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

--display=(verbose|detailed|normal|minimal|errors-only|none)
person csvan    schedule 01.03.2018

arrow_upward
0
arrow_downward

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

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

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

person PKDev    schedule 07.07.2017