webpack - 如何扩展 airbnb eslint 但使用警告而不是错误？

Question

我正在使用 airbnb 的 eslint 和 webpack，如下所示：

.eslintrc：

{
  "extends": "airbnb"
}

---

webpack.config.js：

...
module: {
  rules: [
    {
      test: /\.js$/,
      use: ['babel-loader', 'eslint-loader'],
      include: path.join(__dirname, 'src')
    },
    ...
  ]
}
...

这可行，但所有 eslint 规则都显示为错误，例如：

1:28   error  Missing semicolon                             semi
2:45   error  Missing semicolon                             semi
5:7    error  Unexpected space before function parentheses  space-before-function-paren

我该如何设置它，以便 airbnb 的 eslint 中的所有规则都是警告而不是错误？

Answer 1

方法#1调整具体规则.eslintrc：

{
  "extends": "airbnb"
  "rules": {
    "camelcase": "warn",
    ...
  }
} 

请参阅配置规则

方法 #2调整eslint-loader以针对所有规则发出警告而不是错误：

{
  ...
  loader: "eslint-loader",
  options: {
    emitWarning: true,
  }
}

请参阅错误和警告

Answer 2

要使Oles Savluk的第二个解决方案起作用，您可能需要使用failOnWarning标志：

{
    loader: 'eslint-loader',
    options: {
        emitWarning: true,
        failOnWarning: false,
    }
}