Correction automatique du chargeur eslint de Webpack 2

Question

Dans webpack 1.x, je pouvais utiliser la propriété eslint dans ma configuration webpack pour activer la correction automatique de mes erreurs de peluchage en utilisant:

...

module.exports = {
  devtool: 'source-map',
  entry: './src/app.js',
  eslint: {
    configFile: '.eslintrc',
    fix: true
  },

...

Cependant, dans webpack 2.x, je n'ai donc pas pu utiliser la fonctionnalité de correction automatique, car je ne sais pas où la définir dans ma configuration webpack. L'utilisation de la propriété eslint dans mon configFile webpack lance un WebpackOptionsValidationError.

Answer 1

La méthode la plus courante pour corriger automatiquement les règles de peluchage avec webpack v2 (et versions ultérieures) consiste à utiliser eslint-loader .

Dans ton webpack.config.js vous feriez:

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.jsx?$/, // both .js and .jsx
        loader: 'eslint-loader',
        include: path.resolve(process.cwd(), 'src'),
        enforce: 'pre',
        options: {
          fix: true,
        },
      },
      // ...
    ],
  },
  // ...
};