2016-03-11 8 views
15

Domyślne wyjście interfejsu CLI komputera podręcznego jest zbyt szczegółowe dla mojego upodobania. (?) Tak szybko, jak importować React z jednego z moich plików, eksploduje wyjściowych, pokazując wszystkie kawałki są pakowane:Czy istnieje sposób na to, aby pakiet sieci Web nie wyświetlał wszystkich porcji, które kompiluje?

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] 

ja naprawdę nie dbam o wszystko tej dodatkowej informacji. Byłbym zadowolony ze sposobu, aby albo:

  • wyłączyć kawałki zupełnie, tylko pokazuje ogólny postęp
  • pokazać tylko mój własny kod, a nie rzeczy mam imporcie z moich node_modules

W tej chwili moje polecenie Webpack to webpack-dev-server --progress. Moja konfiguracja webpacka jest dość prosta, po prostu określając wejście, wyjście i ładowanie dla babel i eslint.

Odpowiedz

3

Istnieje webpack nieudokumentowane option--hide-modules. Można przekazać go do webpack od webpack-dev-server przez dodanie tej linii do webpack config:

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

prostu próbowałem tego i nie wydaje się żadnej różnicy. Próbowałem również '--hide-modules = true'. –

+2

Znalazłem także opcję '--quiet' dla webpack-dev-server. To pozbywa się listy modułów/kawałków, ale usuwa również wszelkie informacje o tym, że opakowanie miało miejsce, gdy zmienię kod. To prawdopodobnie zbyt mało informacji. –

+0

'hide-modules' jest opcją pakietu internetowego i wygląda na to, że nie zostało przekazane z webpack-dev-server. –

8

Z linii poleceń, nie udało się znaleźć sposób, aby to zrobić.

Jednakże, jeśli masz plik webpack.config.js, istnieją dwie możliwości tłumienia listę modułów ..

devServer: { 
    stats: 'errors-only' 
} 

lub

devServer: { 
    stats: { chunks: false } 
} 

nadzieję, że pomoże.

+2

Nie jestem pewien, czy robię coś całkowicie nie tak, ale nie mogę uzyskać żadnego z nich do pracy.Nadal zawsze wypisuje ogromną listę modułów :(Próbowałem też dodać go do sekcji webpack mojej konfiguracji karmy podczas uruchamiania moich testów, i to też tam nie działa –

+1

Niezależnie od tego, ile jest warta - oboje pracują dla mi bieganie WebPACK-dev-server 1.16.2 –

+1

devServer. { statystyk {kawałki: false} }. pracował dla mnie – Praym

6

To działało w moim przypadku: WebPack --hide moduły

+0

poszukiwane daleko - najlepsza odpowiedź tam na zewnątrz – scniro

+0

Nie działa w pakiecie sieci Web 3 (EDYCJA: faktycznie tak jest, dopóki nie przekazujesz flagi '--color') – csvan

3

Jeśli masz webpack.config.js w projekcie, dodać następujące zwróconego przedmiotu funkcji eksportu:

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

Dodanie tych "stats:" opcje do katalogu głównego modułu module.exports dictionary w moim webpack.config.js, w połączeniu z --hi Parametr CLI de-modules (zgodnie z sugestią @artnova) pozwolił na wyciszenie/dostrojenie każdego szczegółu wyjścia dla pakietu Webpack. – JoepBC

0

w webpack.config.ts, można spróbować

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

nadzieję, że działa.

0

WebPACK 3 ma flagę --display która umożliwia kontrolę nad drobnoziarnistą wyjścia:

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