26
Questo è Nuovo incubo di Wes Craven!Come rendere meno dettagliato il webpack?
Perché ho anche bisogno di questo orrore su ogni po 'di cambiamento? Come posso disattivare queste notifiche ?!
A
risposta
9
È possibile aggiungere --quiet e --no-info a linea di comando di webpack-dev-server: http://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli
Se si utilizza webpack in modalità orologio, si può mettere | awk '{if ($0 !~ /^ *\[[0-9]*\]/) {print} else {if ($0 ~ /\[built\]/) {print}}}' dopo di esso, che stamperà tutti gli output, tranne i file che non sono stati ricostruito .
1
quiet e no-info non hanno fatto nulla di utile per me. Invece ho finito per usare un filtro grep.
npm run dev | grep -v "node_modules\|\[built\]"
Questo consente di eliminare ogni riga contenente [built] o node_modules, che rende più facile vedere gli errori di generazione reali senza scorrere attraverso un mazzo di linee di uscita del terminale.
L'ho inserito nella sezione scripts del mio pacchetto.json in modo da poter utilizzare npm run dev-quiet per ottenere il log di output filtrato.
4
Ho modificato leggermente la dichiarazione di grep di Haken in modo che funzioni sul caricamento iniziale e quando aggiorno anche i file JS.
Ecco lo snippet di codice nel mio package.json.
scripts": {
"dev": "npm run dev | grep -v \"\\[\\d*\\]\""
}
Questo filtrerà tutte le righe che contengono i modelli come [231], [232], ecc
1
utilizzando un file di configurazione Webpack-Dev-Server, è possibile collegare in API.
L'utilizzo di noInfo: true disattiva i messaggi informativi a meno che non si sia verificato un errore.
L'utilizzo di quiet: true rimuove tutte le informazioni della console, anche gli errori.
Riferimento: https://webpack.github.io/docs/webpack-dev-server.html#api
1
Se si utilizza la versione express allora si possono includere noInfo opzione:
import webpackMiddleware from 'webpack-dev-middleware';
app.use(webpackMiddleware(compiler, {
noInfo: true
}));
+0
Questo ha funzionato per me. Preferisco una soluzione in cui non ho bisogno di output grep. – Holf
2
Se stai usando karma-webpack, è possibile inserire questo nella vostra configurazione file:
webpackMiddleware: {
noInfo: true,
stats: 'errors-only'
}
noInfo: false visualizzare nessuna info per console (solo avvertimenti ed errori) documentation
stats: 'errors-only' solo in uscita quando gli errori accadono documentation
+0
Grazie, grazie, grazie! – EthanB
1
Run webpack con l'opzione --hide-modules.
1
Usa le opzioni statistiche di webpack.
Ad esempio, per rimuovere le centinaia di linee generate da pezzi:
stats: {
chunks: false
}
Per rimuovere le informazioni sui moduli:
stats: {
chunkModules: false
}
Vedi the stats documentation per molte altre opzioni.
5
È possibile utilizzare il CLI di Webpack --display option per impostare la verbosità dell'output delle statistiche. Ecco lo available values.
E.g.
--display=minimal
+1
Questa dovrebbe essere la risposta corretta. – samnau
Cosa succede se non utilizzo il server di sviluppo? –
puoi semplicemente aggiungere>/dev/null alla riga di comando del webpack – w00t
Ho bisogno di alcune informazioni, ad es. Voglio sapere che quel particolare chunk è stato ricompilato e compilato con successo, ma non mi importa dei pezzi che non sono stati modificati –