使用webpack5从0配置eslint
时间: 2024-02-29 13:53:33 浏览: 131
好的,我可以帮你解答这个问题。首先,你需要安装以下几个依赖:
```shell
npm install eslint eslint-loader eslint-config-airbnb-base eslint-plugin-import -D
```
接下来,你需要在你的webpack配置文件中添加以下loader配置:
```javascript
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: ['babel-loader', 'eslint-loader'],
},
],
},
```
然后在你的项目根目录下添加一个`.eslintrc.js`文件,该文件内容如下:
```javascript
module.exports = {
extends: ['airbnb-base'],
plugins: ['import'],
rules: {
'no-console': 'off',
'import/no-unresolved': 'error',
},
};
```
现在,你已经成功地将eslint集成到webpack中了。每次在运行webpack打包时,它都会自动检查你的代码,并给出相应的警告或错误信息。
阅读全文