webpack5中的eslint(js语法检查)基本使用和配置

*eslint使用airbnb风格

1.1.首先下载三个包:

npm i eslint -D
npm i eslint-config-airbnb-base -D
npm i eslint-plugin-import -D

2.在page.json中添加配置

"eslintConfig": {
    "extends": "airbnb-base" // 继承airbnb风格,具体可在github中的airbnb仓库中查看详细风格
    }

3.在webpack中配置eslint-webpack-plugin插件

npm i eslint-webpack-plugin -D

4.引用插件并使用

//需要在文件头部加入
    const ESLintPlugin = require('eslint-webpack-plugin')
    //在plugins中加入如下
    new ESLintPlugin({
        fix:true // 自动修复不合理的写法
    })

5.在inde.js中写不规范代码并进行打包

结果:代码会按标准自动规范

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值