2017-03-06 13 views
2

私のeslintルールを設定し、私のルールに従ってプロジェクトファイルをリファクタリングしました。それは私がしばらくの間そこに残しておきたい警告があるということです。しかし、私の問題は、ブラウザコンソールに警告が表示されているため、開発が不可能なことです。以下はWebpackはブラウザコンソールでeslintの警告を表示しない

enter image description here

、私のWebPACKの設定:

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" 
}; 

私はerrorsは、ブラウザのコンソールに表示されていると何の問題もないが、唯一のブラウザのコンソール上ではなく上の警告を抑制するための方法がありますノード端子?

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 
      } 
     } 
     ] 
    } 
    ] 
} 

最後の行は、それは警告を抑制しどのようにしている、quiet: trueです:私のwebpack.config.jsで

答えて

2

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

は、Iオプションを設定しています。

+1

これは、ブラウザコンソールだけでなく、ノードの端末にも警告を表示しません。 – Mel

+1

はい、ブラウザではなく端末にログを保存する方法を探しています。 –

関連する問題