如何讓webpack不那麼冗長？

This is Wes Craven's New Nightmare！如何讓webpack不那麼冗長？

enter image description here

爲什麼我甚至需要對變化的一點一滴這個恐怖？如何關閉這些通知？

2015-06-19 Vitalii Korsakov

您可以添加--quiet和--no-info到的WebPack-DEV-服務器的命令行：http://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli

如果您在觀看模式下使用的WebPack，你可以以後它把| awk '{if ($0 !~ /^ *\[[0-9]*\]/) {print} else {if ($0 ~ /\[built\]/) {print}}}'，這將打印所有輸出，除了文件不重建。

來源

2015-06-22 20:04:18 w00t

如果我不使用dev服務器怎麼辦？ –

你可以在webpack命令行中加入>/dev/null – w00t

我需要一些信息，例如：我想知道特定塊被重新編譯和構建成功，但我不在意塊沒有被更改 –

quiet和no-info沒有爲我做任何有用的事情。相反，我最終使用了grep過濾器。

npm run dev | grep -v "node_modules\|\[built\]"

這將去除包含[built]或node_modules任何線，這使得它更容易看到的實際生成錯誤，而無需通過一束端子輸出的線的滾動。

我已經把它放在我的package.json的scripts部分，所以我可以使用npm run dev-quiet來獲得過濾的輸出日誌。

來源

2016-04-01 13:45:23

我稍微改變了Haken的grep語句，以便它可以在初始加載時以及更新JS文件時使用。

這是我的package.json中的代碼片段。

scripts": { 
    "dev": "npm run dev | grep -v \"\\[\\d*\\]\"" 
}

這將篩選出含有如[231]，[232]的圖案使用的WebPack-DEV-服務器配置文件中的所有線路等

來源

2016-04-06 07:59:33

，可以鉤到API。使用noInfo: true將禁用信息性消息，除非出現錯誤。

使用quiet: true可刪除所有控制檯信息，甚至是錯誤。

參考：https://webpack.github.io/docs/webpack-dev-server.html#api

來源

2016-08-07 11:00:57 Sawtaytoes

如果使用express版本，那麼你可以包括noInfo選項：

import webpackMiddleware from 'webpack-dev-middleware'; 

app.use(webpackMiddleware(compiler, { 
    noInfo: true 
}));

來源

2016-09-09 14:16:26 Timmerz

這對我有用。我更喜歡一個不需要grep輸出的解決方案。 – Holf

如果您使用karma-webpack，你可以把這個變成你的配置文件：

webpackMiddleware: { 
noInfo: true, 
stats: 'errors-only' 
}

noInfo: false不顯示信息到控制檯（僅警告和錯誤）documentation

stats: 'errors-only'僅輸出，當錯誤發生documentation

來源

2017-01-24 05:12:35 Clay

謝謝，謝謝，謝謝！ – EthanB

運行webpack與--hide-modules選項。

來源

2017-06-20 09:40:13

使用webpack的統計選項。

例如，爲了除去由塊產生的數百行：

stats: { 
    chunks: false 
}

要刪除關於模塊的信息：

stats: { 
    chunkModules: false 
}

有更多的選項，參見the stats documentation。

來源

2017-06-22 17:31:49

您可以使用Webpack CLI的--display option來設置統計輸出的詳細程度。這裏是available values。

E.g.

--display=minimal

來源

2017-12-06 10:42:21 LONGMAN

這應該是正確的答案。 – samnau

如何讓webpack不那麼冗長？

回答

相關問題