2016-03-11 2 views
15

Die Standard-Webpack-CLI-Ausgabe ist viel zu ausführlich für meinen Geschmack. (?) Sobald ich Reagieren von einem meiner Dateien importieren, die Ausgangs explodiert, alle der Stücke zeigt verpackt:Gibt es eine Möglichkeit, dass das Webpack nicht alle Brocken anzeigt, die es kompiliert?

webpack result is served from/
content is served from /Users/me/myproject 
Hash: aaaf5afc6582f3222f55 
Version: webpack 1.12.14 
Time: 1175ms 
    Asset Size Chunks    Chunk Names 
index.js 677 kB  0 [emitted] main 
chunk {0} index.js (main) 643 kB [rendered] 
    [0] ./src/app.js 574 bytes {0} [built] [1 error] 
    [1] ./~/react/react.js 56 bytes {0} [built] 
    [2] ./~/react/lib/React.js 1.49 kB {0} [built] 
    [3] ./~/react/lib/ReactDOM.js 3.71 kB {0} [built] 
    [4] ./~/process/browser.js 2.06 kB {0} [built] 

... 

    [155] ./~/fbjs/lib/mapObject.js 1.47 kB {0} [built] 
    [156] ./~/react/lib/onlyChild.js 1.21 kB {0} [built] 
    [157] ./~/react/lib/deprecated.js 1.77 kB {0} [built] 
    [158] ./~/react-dom/index.js 63 bytes {0} [built] 
    [159] ./src/component.js 339 bytes {0} [built] [1 error] 

ist mir egal, um wirklich alle dieser zusätzlichen Informationen. Ich würde mit einer Art und Weise glücklich sein, entweder:

  • die Stücke vollständig zu deaktivieren, zeigt nur den gesamten Fortschritt
  • Nur meine eigenen Code zeigen, nicht Sachen, die ich bin den Import von meiner node_modules

Im Moment ist mein Webpack-Befehl webpack-dev-server --progress. Meine Webpack-Konfiguration ist ziemlich einfach und spezifiziert nur Eingabe, Ausgabe und Loader für babel und eslint.

Antwort

3

Es gibt webpack undokumentiert option--hide-modules. Sie können es auf webpack von webpack-dev-server vorbei, diese Linie zu webpack config Zugabe:

devServer: { 'hide-modules': true } 
+0

Gerade versuchen diese und es scheint keinen Unterschied zu machen. Ich habe auch '--hide-modules = true' versucht. –

+2

Ich habe auch eine '--quiet' Option für den Webpack-dev-Server gefunden. Das beseitigt die Modul-/Chunk-Liste, aber es entfernt auch jegliche Anzeichen dafür, dass das Packen passiert ist, wenn ich den Code ändere. Das ist also wahrscheinlich zu * wenig * Information. –

+0

'hide-modules' ist eine Webpack-Option und scheint nicht von webpack-dev-server übergeben worden zu sein. –

8

in der Befehlszeile, ich habe dies nicht in der Lage gewesen, einen Weg zu finden, zu tun.

Wenn Sie jedoch eine webpack.config.js Datei haben, gibt es zwei Möglichkeiten für die Liste der Module unterdrückt ..

devServer: { 
    stats: 'errors-only' 
} 

oder

devServer: { 
    stats: { chunks: false } 
} 

Hoffnung, das hilft.

+2

Ich bin mir nicht sicher, ob ich etwas völlig falsch mache, aber ich kann nichts davon zur Arbeit bekommen.Es druckt immer noch die riesige Liste der Module :(Ich habe auch versucht, es in den Webpack-Abschnitt meiner Karma-Konfiguration bei der Durchführung meiner Tests, und es funktioniert auch nicht dort. –

+1

Für was auch immer es wert ist - diese beiden arbeiten für me Lauf webpack-dev-Server 1.16.2 –

+1

devserver:. { Statistik: {chunks: false}} . für mich gearbeitet – Praym

6

Das funktionierte in meinem Fall: webpack --hide-Module

+0

weit und breit gesucht - beste Antwort da draußen – scniro

+0

Funktioniert nicht in Webpack 3 (BEARBEITEN: es funktioniert tatsächlich, solange du nicht die '--color'-Flagge übertriffst) – csvan

3

Wenn Sie ein webpack.config.js in Ihrem Projekt haben, folgende Unterlagen an das zurückgegebene Objekt der Exporte Funktion hinzufügen:

devServer: {  
    stats: { 
     assets: false, 
     children: false, 
     chunks: false, 
     hash: false, 
     modules: false, 
     publicPath: false, 
     timings: false, 
     version: false, 
     warnings: true, 
     colors: { 
      green: '\u001b[32m' 
     } 
    } 
} 
+0

Diese hinzufügen "stats:" Optionen zum root des Wörterbuches modul.exports in meiner webpack.config.js, kombiniert mit dem --hi Der CLI-Parameter für die Module (wie von @ artnova vorgeschlagen) erlaubt es, jedes Detail der Ausgabe für das Webpack-Paket stumm zu schalten. – JoepBC

0

In den webpack.config.ts können Sie

devServer : { 
    stats: 'minimal', 
    watchOptions: { 
    poll: undefined, 
    aggregateTimeout: 300, 
    ignored: /node_modules/ 
} 
} 

Hoffnung versuchen, das funktioniert.

0

Webpack 3 hat die --display Flags, die feinkörnige Kontrolle über Ausgang ermöglicht:

--display   Select display preset (verbose, detailed, 
        normal, minimal, errors-only, none) [string]