web-dev-qa-db-ja.com

Webpack 2 eslint-loader自動修正

Webpack 1.xでは、webpack configのeslintプロパティを使用して、次のものを使用してリンティングエラーの自動修正を有効にできます。

...

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

...

ただし、webpack 2.xでは、これまでのところ、webpack configで設定する場所がわからないため、自動修正機能を使用できませんでした。 webpack configFileでeslintプロパティを使用すると、WebpackOptionsValidationErrorがスローされます。

webpackeslintwebpack-2
18
Dani

webpack v2（以上）でリンティングルールを自動修正する最も一般的な方法は、 eslint-loader 。

あなたのwebpack.config.jsあなたがするだろう：

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