Webpack unterdrückt Eslint-Warnungen in der Browser-Konsole

Question

Ich habe meine eslint-Regeln konfiguriert und Projektdateien nach meinen Regeln umgestaltet. Tatsache ist, dass ich einige Warnungen habe, dass ich dort für eine Weile gehen möchte. Aber mein Problem ist, dass Warnungen auf der Browser-Konsole angezeigt werden, was die Entwicklung unmöglich macht.

Unten meine webpack config:

const path = require('path'); 
const webpack = require('webpack'); 
const ExtractTextPlugin = require("extract-text-webpack-plugin"); 
const context = path.resolve('.'); 


module.exports = { 
    context: context, 
    entry: './src/client.js', 
    output: { 
    path: path.join(context, 'build/client'), 
    publicPath: '/static/', 
    filename: '[name]-[hash].js' 
    }, 
    module: { 
    preLoaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'eslint-loader' 
     }, 
    ], 
    loaders: [{ 
     test: /(?:node_modules).+\.css$/, 
     loader: 'style!css' 
    }, { 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract([ 
     'css-loader', 
     'postcss-loader', 
     'sass-loader', 
     'sass-resources' 
     ]) 
    }, { 
     test: /\.js$/, 
     loader: 'babel', 
     exclude: /(node_modules)/ 
    }, { 
    test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, 
    loader: "url?limit=10000&mimetype=application/font-woff" 
    }, { 
    test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, 
    loader: "url?limit=10000&mimetype=application/font-woff" 
    }, { 
    test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 
    loader: "url?limit=10000&mimetype=application/octet-stream" 
    }, { 
    test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 
    loader: "file" 
    }, { 
    test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 
    loader: "url?limit=10000&mimetype=image/svg+xml" 
    }, { 
     test: /\.json$/, 
     loader: 'json' 
    }] 
    }, 
    postcss: function() { 
    return [ 
     require('autoprefixer') 
    ]; 
    }, 
    sassResources: [ 
    path.resolve(__dirname, '../src/stylesheets/base/_variables.scss'), 
    path.resolve(__dirname, '../src/stylesheets/base/_mixins.scss') 
    ], 
    devServer: { 
    watchOptions: { 
     aggregateTimeout: 1000 
    } 
    }, 
    plugins: [ 
    new ExtractTextPlugin("[name]-[hash].css"), 
    new webpack.DefinePlugin({ 
     'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'local') 
    }) 
    ], 
    devtool: "cheap-module-source-map" 
}; 

Ich habe kein Problem mit errors auf Browser-Konsole angezeigt wird, aber gibt es eine Möglichkeit, Warnungen zu unterdrücken nur auf Browser-Konsole und nicht auf die Knoten-Terminal?

Answer 1

https://devhub.io/repos/coryhouse-eslint-loader

In meinem webpack.config.js habe ich Optionen Setup:

module: { 
    rules: [ 
    { 
     test: /\.js$/, 
     exclude: /(node_modules)/, 
     use: [ 
     { 
      loader: 'babel-loader', 
      options: { 
      presets: [ 
       ['es2015', {modules: false}], 
       'react' 
      ], 
      plugins: [ 'react-hot-loader/babel' ] 
      } 
     }, { 
      loader: 'eslint-loader', 
      options: { 
      quiet: true 
      } 
     } 
     ] 
    } 
    ] 
} 

Die letzte Zeile ist quiet: true, das ist, wie es die Warnungen unterdrückt.