react 引入eslint

npm install --save-dev eslint-loader  eslint   eslint-plugin-react  babel-eslint 

npm install --save-dev eslint-config-airbnb

//webpack.config.js
rules:[
{//匹配所有以js或者jsx结尾的文件,并用 babel-preset-env和babel-preset-react进行解析
    test: /\.js$/,
    use: [
        {loader: "eslint-loader"},
        {
            loader: "babel-loader",
            options: {
                presets: [["env"], ["react"]]
            }
        }
    ],
},
]

//package.js
"scripts": {
  "lint": "eslint --ext .js src"
},


//.eslintrc
{
	"extends":"eslint-config-airbnb",//引入airbnb,不需要可以删除
    // 环境,这里可以设置环来做区别判断
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },
    // 解析器用于解析代码
    "parser": "babel-eslint",
    // 第三方插件
    "plugins": [
        "react"
    ],
    "rules": {
        "no-alert":2
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值