在 webpack 1.x 中,我可以使用 webpack 配置中的 eslint 属性来自动修复我的 linting 错误:
...
module.exports = {
devtool: 'source-map',
entry: './src/app.js',
eslint: {
configFile: '.eslintrc',
fix: true
},
...
但是,在 webpack 2.x 中,到目前为止我一直无法使用自动修复功能,因为我不知道在 webpack 配置中的何处设置它。在我的 webpack configFile 中使用 eslint 属性会引发 WebpackOptionsValidationError
。
最佳答案
使用 webpack v2(及更高版本)自动修复 linting 规则的最常见方法是使用 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,
},
},
// ...
],
},
// ...
};
关于Webpack 2 eslint-loader 自动修复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41024412/