Ich würde gerne wissen, ob es eine Konfigurationsoption gibt, mit der Webpack angewiesen wird, nur die "wichtigen Informationen" im Terminal zu protokollieren. Ziemlich nur Fehler und Warnungen, nicht alles:

Es gibt einfach so viel Ausgabe! Würde gerne das übliche Zeug unterdrücken und nur die Warnungen / Fehler vom Webpack ausgeben lassen. Möchte eine Lösung für die webpack, webpack-dev-serverund karma-webpack.

Hinweis : Ich habe es versucht noInfo: trueund quiet: trueaber das schien nicht den Trick zu tun.

Bearbeiten: Ich denke, dass dies möglicherweise nicht möglich ist, daher habe ich ein Problem auf github erstellt: https://github.com/webpack/webpack/issues/1191

In meiner Webpack-Konfiguration reduzierte dies meine inkrementelle Erstellungszeit um 8 Sekunden und brachte die Ausgabe zum Schweigen. Der wichtigste istchunks: false

Spielen Sie damit, um Ihren Bedürfnissen zu entsprechen

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
  }
 }
}

👋 Das alles brauchst du nicht. Alles was Sie brauchen ist das

Eigentlich funktionieren diese beiden großartig.

stats: 'errors-only',

am Ende des exportierten Objekts.

Man könnte stats: 'minimal',es auch nur ausgeben, wenn Fehler oder eine neue Kompilierung auftreten. Lesen Sie mehr aus der offiziellen Dokumentation von Webpack.

Ich weiß nicht, wann diese Funktion hinzugefügt wurde, aber ich habe gerade in den Dokumenten festgestellt, dass Sie eine webpackMiddlewareEigenschaft hinzufügen und diese angeben können noInfo: true. Dadurch wird der gesamte Lärm beseitigt! Sie sehen jedoch immer noch die Ausgabe, wenn Fehler auftreten. Yay!

Sie haben die --displayOption, mit der Sie eine Informationsmenge auswählen können, die angezeigt werden soll.

Von webpack --help:

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

Wenn Sie die angezeigten Informationen genauer konfigurieren möchten, können Sie Ihr Webpack auch mit dem Statistikfeld in Ihrem konfigurieren webpack.config.js.

Wenn Sie das verwenden webpack-dev-middleware, können Sie das noInfo: truein ein Objekt als zweiten Parameter werfen . Angenommen, Sie haben auch einen Knoten- / Express-Server ausgeführt.

Prost.

Webpack

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

Dev Server

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

Referenz

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

Empfehlen Sie die unten stehende Statistikkonfiguration, um wichtige Protokolle zu führen und nutzlose Informationen zu entfernen.

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

Wenn Sie die Webpack-API direkt verwenden und aufrufen stats.toString(), können Sie Parameter übergeben, um das Rauschen zu verringern :

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

Was Sie hier interessiert, ist das Modul (Teil) des Webpacks . Grundsätzlich ist es dieses Modul, das die Ausgabe erzeugt . Die Ausgabe enthält standardmäßig hauptsächlich eine Liste der Assets und eine Liste der Module. Sie können Module mit Direktive ausblenden . In Bezug auf Vermögenswerte besteht keine ähnliche Option. Es gibt aber Voreinstellungen . Sie können die Voreinstellung mit der Option angeben . Und vorgegeben , dass Haut Vermögen ist ... .stats --hide-modules--displaynone

Es gibt eine andere Möglichkeit, Statistiken zu beeinflussen : webpack.config.js. Hinzufügen stats: {assets: false, modules: false}, um die Ausgabe erheblich zu reduzieren. Oder stats: 'none'um Webpack ganz zum Schweigen zu bringen. Nicht dass ich es empfehlen würde. Im Allgemeinen errors-onlyist ein Weg zu gehen. Um es zu beeinflussen, webpack-dev-serversetzen Sie es unter devServerSchlüssel.

Webpack 2.x hat keine --displayOption. Und die einzige Möglichkeit, Module auszublenden, ist der --hide-modulesSchalter. Damit meine ich, dass die Angabe stats: 'errors-only'oder stats: {modules: false}in der Konfiguration keine Auswirkung hat. Da dieser Code all das überschreibt.

Denn webpack-dev-serveres gibt auch --no-infound --quietOptionen.

Weitere Einblicke in die Funktionsweise. webpack-clierstellt ein outputOptionsObjekt . Wenn die Kompilierung abgeschlossen ist, werden die Statistiken in Zeichenfolgen konvertiert und ausgegeben . Stats.toStringkonvertiert Statistiken in JSON und konvertiert dann JSON in Zeichenfolge . Hier sehen Sie die Standardeinstellungen .