create-react-app 修改了.eslintrc 浏览器 不生效，但是编辑器有效果？

create-react-app 创建的项目自带eslint，所以只需要添加eslintrc，然后再按照eslint插件，你就可以看到代码检测报错。

在修改了eslintrc之后你也可以直接看到效果，或者运行 

eslint --ext .js,.jsx src

也可以看到效果，但需要注意的是：

就算你修改了eslintrc 它也只在编辑器中生效，它不会使你的浏览器 和 终端的lint发生改变

 

这是因为 create-react-app 提供了一套常见的规则，在webpack.config.js 里面有个eslint-loader的配置，cache属性设置的是 true，把它修改为false，重启

你修改的eslintrc就可以生效了

 

但是不推荐，如果需要强制要求每个人的编码风格可以使用prettier，或者利用 husky 和lint-stated，在提交的时候检测代码。

而不推荐在让它直接在浏览器中报错