Wie man webpack weniger ausführlich?

Diese ist Wes Craven ' s New Nightmare!

Wie man webpack weniger ausführlich?

Warum ich auch brauchen, diesem horror auf jedes bisschen ändern? Wie kann ich schalten Sie diese Benachrichtigungen?!

InformationsquelleAutor Vitalii Korsakov | 2015-06-19
  1. 10

    Können Sie hinzufügen --quiet und --no-info zu webpack-dev-server-Befehlszeile: http://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli

    Wenn Sie webpack im watch-Modus, können Sie | awk '{if ($0 !~ /^ *\[[0-9]*\]/) {print} else {if ($0 ~ /\[built\]/) {print}}}' nachdem, was gedruckt wird, alle Ausgaben mit Ausnahme der Dateien, die wurden nicht wieder aufgebaut.

    • Was, wenn ich nicht verwenden, dev server?
    • Sie können fügen Sie einfach >/dev/null das webpack Befehlszeile
    • Ich brauche ein paar Informationen, z.B. ich will wissen, dass insbesondere chunk neu kompiliert wurde gebaut und erfolgreich, aber ich kümmern sich nicht um Stücke, die nicht verändert wurde
    • Wenn Sie Uhr-Modus Sie können grep nach [built] und es wird Ihnen zeigen nur die Dinge, die umgebaut wurden. Ich denke, für die anderen Verhalten, die Sie benötigen zum öffnen ein Problem.
    • Nicht sicher, warum dies ist die akzeptierte Antwort
    • Diese beiden flags nicht einen Unterschied machen, für mich.
    • warum haben Sie ändern die grep zu grep -v? Wenn Sie sehen wollen, nur umgebaut-Dateien, das ist, was Sie wollen.
    • Ich habe die filter in awk, da konnte ich nicht machen, perl-die mehr anspruchsvollen filtern Sie es jetzt tut.
    • siehe unten meine Antwort für express version.
    • Was ist das awk Befehl? Meine Konsole denkt, dass 'awk' ist nicht als ein interner oder externer Befehl, (10 Gewinnen PowerShell)...

    InformationsquelleAutor w00t
  2. 15

    Können Sie Webpack CLI ' s --display - option um die Ausführlichkeit der Statistik-Ausgabe. Hier sind die verfügbare Werte.

    E. g.

    --display=minimal
    • Dies sollte die richtige Antwort.
    InformationsquelleAutor LONGMAN
  3. 4

    Ich geändert Hakens grep-Anweisung leicht an, so dass es funktioniert beim erstmaligen laden, und wenn ich eine JS-Dateien sowie.

    Hier ist das code-snippet in meinem Paket.json.

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

    Dieser filtert alle Zeilen, die das Muster enthält wie [231], [232], etc.

    InformationsquelleAutor Adrian So
  4. 4

    Verwenden webpack s stats-Optionen.

    Zum Beispiel entfernen Sie die Hunderte von Zeilen erzeugt, die von chunks:

    stats: {
    chunks: false
}

    Entfernen Informationen über Module:

    stats: {
    chunkModules: false
}

    Sehen die stats Dokumentation viele weitere Optionen.

    InformationsquelleAutor David Hansen
  5. 3

    Vom webpack docs:

    Den stats-option können Sie genau Steuern, was die bundle-Informationen angezeigt bekommt. Dies kann ein schöner Mittelweg, wenn Sie nicht wollen, zu stillen oder noInfo, weil Sie möchten, dass einige Bundles, aber nicht alles.

    Für die webpack-dev-server, diese Eigenschaft muss in der devServer Objekt.

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

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

    Docs für andere Optionen, einschließlich errors-only, none, verbose und mehr.

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

    • diese funktionierte für mich... indem es auf dem devserver Optionen. wie es scheint, war das überschreiben der Allgemeinen config habe ich auf den ersten. nicht dokumentiert sind in den Optionen von devserver. Ich vermute, in einem Punkt muss klar sein, dass Sie einige Allgemeine Optionen sind verfügbar für den dev server? heck, viele thx
    • es ist in der Tat dokumentiert webpack.js.org/configuration/dev-server/#devserver-stats-
    InformationsquelleAutor Alicia C
  6. 2

    Wenn Sie die express - version, dann können Sie noInfo option:

    import webpackMiddleware from 'webpack-dev-middleware';

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

    Wie man webpack weniger ausführlich?

    • Dieser arbeitete für mich. Ich bevorzuge eine Lösung, wo ich nicht mit grep output.
    InformationsquelleAutor Timmerz
  7. 2

    Wenn Sie karma-webpack, können Sie diese in Ihre config-Datei:

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

    noInfo: false display keine info auf die Konsole (nur Warnungen und Fehler) Dokumentation

    stats: 'errors-only' nur ausgegeben, wenn Fehler passieren Dokumentation

    • Danke, danke, danke!!!
    InformationsquelleAutor Clay
  8. 1

    quiet und no-info nicht etwas tun, was nützlich für mich.
    Stattdessen landete ich mit einem grep-filter. 

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

    Dies wird entfernen Sie jede Zeile mit [built] oder node_modules, das macht es leichter zu sehen, die eigentlichen build-Fehler, ohne scrollen durch eine Reihe von Linien der terminal-Ausgabe.

    Ich habe diese in der scripts Abschnitt von mein Paket.json-so kann ich mit npm run dev-quiet um die gefilterte Ausgabe von log.

    InformationsquelleAutor Håken Lid
  9. 1

    Mit einem Webpack-Dev-Server-config-Datei, können Sie Haken in die API.

    Mit noInfo: true wird, deaktivieren Sie die Informations-Nachrichten, es sei denn, Sie haben einen Fehler.

    Mit quiet: true entfernt alle Konsole-Informationen, auch Fehler.

    Referenz: https://webpack.github.io/docs/webpack-dev-server.html#api

    InformationsquelleAutor Sawtaytoes
  10. 1

    Laufen webpack mit der --hide-modules option.

    InformationsquelleAutor ᆼᆺᆼ
  11. 0

    Bei der Verwendung webpack-dev-middleware haben, müssen Sie nun verwenden logLevel statt noInfo innerhalb des config-Optionen (als der 12/18/17).

    Beispiel:

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