「重要な情報」のみを端末に記録するようにwebpackに指示する構成オプションがあるかどうか知りたいのですが。エラーと警告だけで、すべてではありません。

たくさんの出力があります！一般的なものを抑制し、webpackに警告/エラーのみを出力させたいと考えています。以下のためのソリューションをご希望webpack、webpack-dev-serverとkarma-webpack。

注：私が試したnoInfo: trueとquiet: trueが、トリックを行うようには見えなかったという。

編集：これは不可能かもしれないと思っているので、githubで問題を作成しました：https：//github.com/webpack/webpack/issues/1191

私のwebpack設定では、これを行うと、増分ビルド時間が8秒短縮され、出力が無音になりました。主なものはchunks: false

あなたのニーズに合うようにそれで遊んでください

module.exports = {
 devServer: {
  stats: {
    colors: true,
    hash: false,
    version: false,
    timings: false,
    assets: false,
    chunks: false,
    modules: false,
    reasons: false,
    children: false,
    source: false,
    errors: false,
    errorDetails: false,
    warnings: false,
    publicPath: false
  }
 }
}

👋あなたはそれをすべて必要としません。必要なのは

実際、これら2つはうまく機能します。

stats: 'errors-only',

エクスポートされたオブジェクトの最後。

stats: 'minimal',エラーまたは新しいコンパイルが発生した場合にのみ出力を使用することもできます。詳細については、Webpackの公式ドキュメントをご覧ください。

この機能がいつ追加されたかはわかりませんが、ドキュメントでwebpackMiddlewareプロパティを追加でき、その上でを指定できることに気づきましたnoInfo: true。これを行うと、すべてのノイズが除去されます！ただし、エラーが発生した場合でも出力は表示されます。わーい！

--display表示する情報量のレベルを選択できるオプションがあります。

差出人webpack --help：

--display: Select display preset
[string] [choices: "", "verbose", "detailed", "normal", "minimal", "errors-only", "none"]

表示される情報をより正確に構成したい場合は、のstatsフィールドを使用してWebpackを構成することもできますwebpack.config.js。

を使用しているwebpack-dev-middleware場合はnoInfo: true、2番目のパラメータとしてオブジェクトをスローできます。また、ノード/ Expressサーバーも実行していると仮定します。

乾杯。

Webpack

  ...
  stats: {
    modules: false,
  },
  ...

開発サーバー

  ...
  devServer: {
    stats: {
      modules: false,
    },
  },
  ...

参照

https://webpack.js.org/configuration/stats/

以下の統計設定をお勧めします。これにより、重要なログが保持され、不要な情報が削除されます。

stats: {
  cached: false,
  cachedAssets: false,
  chunks: false,
  chunkModules: false,
  chunkOrigins: false,
  modules: false
}

ここで興味があるのは、Webpackのモジュール（一部）です。基本的に、出力を生成するのはこのモジュールです。デフォルトの出力には、ほとんどの場合、アセットのリストとモジュールのリストが含まれています。ディレクティブを使用してモジュールを非表示にすることができます。資産に関しては、同様のオプションはありません。ただし、プリセットがあります。オプションでプリセットを指定できます。そして、アセットを非表示にするプリセットは...です。stats --hide-modules--displaynone

統計に影響を与える別の方法があります：webpack.config.js。stats: {assets: false, modules: false}出力を大幅に減らすために追加します。またはstats: 'none'、Webpackを完全に無音にします。それは私がお勧めするわけではありません。一般的errors-onlyに行く方法です。影響を与えるwebpack-dev-serverには、devServerキーの下に置きます。

Webpack2.xには--displayオプションがありません。そして、モジュールを非表示にする唯一の方法は--hide-modulesスイッチです。stats: 'errors-only'つまりstats: {modules: false}、またはconfigで指定しても効果はありません。このコードはそれをすべてオーバーライドするからです。

以下の場合webpack-dev-serverもあります--no-infoし、--quietオプション。

それがどのように機能するかについてのもう少し洞察。オブジェクトをwebpack-cli作成しoutputOptionsます。コンパイルが終了すると、統計を文字列に変換して出力します。統計をjsonにStats.toString変換してから、jsonを文字列に変換します。ここでデフォルトを確認できます。

Webpack APIを直接使用していて、を呼び出している場合はstats.toString()、パラメーターを渡してノイズを抑えることができます。

webpack(config).watch(100, (err, stats) => {
  console.log(stats.toString({chunks: false}))
})