[英]Webpack 2 eslint-loader auto fix
在 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,
},
},
// ...
],
},
// ...
};
帶有 eslint-webpack-plugin 的 Webpack 5:
const ESLintPlugin = require('eslint-webpack-plugin');
....
plugins: [
...
new ESLintPlugin({fix: true}),
...
]
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.