Create-react-app 配置自定义eslint

背景

• create-react-app项目构建基于react-scripts包，webpack相关配置也都在这个包里，webpack的配置可以跟随react-scripts包的升级而升级，非常方便。但是在实际项目中我们往往需要自定义一些配置，但又希望保留这种跟着包升级配置的优势。
• eslint是项目中非常常用的工具，它的配置也是因人而异，因项目团队而异。而create-react-app默认是有一套eslint配置的，并且在webpack的eslint-loader配置中设置了useEslintrc为false。所以直接在项目中添加eslint.rc是没用的。

解决办法

添加node环境变量EXTEND_ESLINT为true。react-scripts包中的webpack配置中有一段代码:

{
   
   test: /\.(js|mjs|jsx|ts|tsx)$/,
   enforce: 'pre',
   use: [
     {
   
       options: {
   
         cache: true,
         formatter: require.resolve(