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,在提交的时候检测代码。
而不推荐在让它直接在浏览器中报错


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM