web-dev-qa-db-ja.com

webpackをより冗長にする方法は？

これ isWes Craven's New Nightmare！

enter image description here

変化のたびにこの恐怖が必要なのはなぜですか？これらの通知をオフにするにはどうすればよいですか？！

webpackwebpack-dev-server
34
Vitalii Korsakov

_--quiet_および_--no-info_をwebpack-dev-serverのコマンドラインに追加できます： 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}}}'をその後に置くことができます。これにより、再構築されなかったファイルを除くすべての出力が印刷されます。

10
w00t

Webpack CLIの --display option 統計出力の詳細度を設定します。 使用可能な値 です。

例えば。

--display=minimal
17
LONGMAN

Hakenのgrepステートメントをわずかに変更して、初期読み込みとJSファイルの更新時にも機能するようにしました。

Package.jsonのコードスニペットを次に示します。

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

これにより、[231]、[232]などのパターンを含むすべての行が除外されます。

4
Adrian So

Webpackの統計オプションを使用します。

たとえば、チャンクによって生成された数百行を削除するには：

stats: {
    chunks: false
}

モジュールに関する情報を削除するには：

stats: {
    chunkModules: false
}

より多くのオプションについては stats documentation をご覧ください。

4
David Hansen

Webpackドキュメントから：

Statsオプションを使用すると、表示されるバンドル情報を正確に制御できます。 quietやnoInfoを使用したくない場合、これはすべてのバンドル情報ではなく、いくつかのバンドル情報が必要な場合に最適です。

Webpack-dev-serverの場合、このプロパティはdevServerオブジェクトに存在する必要があります。

//example with module.exports in webpack.config.js
module.exports = {
  //...
  stats: 'minimal'
};

//example with dev-sever in webpack.config.js
dev-sever: {
  //...
  stats: 'minimal'
}

errors-only、none、verboseなど、その他のオプションについてはドキュメントをご覧ください。

参照： https://webpack.js.org/configuration/stats/

4
Alicia C

karma-webpack を使用している場合、これを設定ファイルに配置できます。

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

noInfo: falseコンソールに情報を表示しない（警告とエラーのみ） ドキュメント

stats: 'errors-only'エラー発生時にのみ出力 ドキュメント

2
Clay

expressバージョンを使用する場合、noInfoオプションを含めることができます。

import webpackMiddleware from 'webpack-dev-middleware';

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

enter image description here

2
Timmerz

Webpack-Dev-Server構成ファイルを使用して、APIにフックできます。

noInfo: trueを使用すると、エラーがない限り、情報メッセージが無効になります。

quiet: trueを使用すると、エラーも含め、すべてのコンソール情報が削除されます。

リファレンス： https://webpack.github.io/docs/webpack-dev-server.html#api

1
Sawtaytoes

quietとno-infoは私にとって有用なことをしませんでした。代わりに、grepフィルターを使用することになりました。

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

これにより、[built]またはnode_modulesを含む行が削除され、端末出力の行をスクロールせずに実際のビルドエラーを簡単に確認できます。

Package.jsonのscriptsセクションにこれを配置したので、npm run dev-quietを使用してフィルター処理された出力ログを取得できます。

1
Håken Lid

--hide-modulesオプションを指定してwebpackを実行します。

1
ᆼᆺᆼ

webpack-dev-middleware を使用する場合、設定オプション内でlogLevelの代わりに noInfo を使用する必要があります（ 12/18/17現在 ）。

例：

require("webpack-dev-middleware")(compiler, {
    logLevel: "warn", // set the logLevel
});
0
j0hnm4r5