react-create-app笔记之eslint配置修改

使用react-create-app无法自定义eslint设置,根目录文法识别出.eslintrc或.eslintignore文件,如何处理?当前"react-scripts": "3.4.0"

      • 问题查不到,不妨看下源码
      • 知道问题,解决问题

问题查不到,不妨看下源码

  • 定位源码,node_modules/react-scripts/config/webpack.config.js
  • 话不多说,直接上图。源码中,EXTEND_ESLINT = 'true'则应用,所以只需设置环境变量即可react-create-app笔记之eslint配置修改_第1张图片

知道问题,解决问题

  • 首先,在根目录下创建.env.delvelopment并设置 EXTEND_ESLINT = 'true'
  • 其次,在根目录下创建.eslintrc.js,并且按以下格式修改即可,更多设置详见eslint中文官网
module.exports = {
     
  extends: ["react-app"],
  rules: {
     
      "no-unused-vars": 0
  }
}

如果觉得文章对你有帮助,点个赞再走吧~

你可能感兴趣的:(react,react,reactjs)