react修改eslint配置

2021-02-23 20:33:16 阅读：219 来源： 互联网

标签：resolve off loader react 修改 eslint

今天工作中遇到了一个头疼的问题，服务器端的项目生成老是报错，并且是没有修改的的问题，苦思冥想了半天，最后在一个同事的启发下把git上的代码在本地另一个地方生成。按照服务器的生成流程走了一遍，才发现是eslint默认安装了更高级的安装包，控制版本应该就没问题了。

可是这总归不是一个好的方式，于是我在想，有没有可以控制单个校验不显示的控制配置，于是就在网上进行了搜索，看到了有一篇文章说修改package.json中的

eslintConfig 就可以，于是照着改方法修改，修改前后的配置如下： 1.修改前

1 "eslintConfig":{
2    "extends":"react-app"
3 }

2.修改后

1 "eslintConfig": {
2     "extends": "react-app",
3     "rules" : {
4         "no-undef" :  "off" ,
5         "no-restricted-globals" :  "off" ,
6         "no-unused-vars" :  "off"
7       }
8   }

运行时发现并没有生效，于是我在网上又找方法，看看是不是这个方法不全，我有哪一步没看到，功夫不负有心人，终于找到了一篇更完善的教程。

我们需要先运行 npm reject 解开 config 配置文件然后在webpack.config.js 中修改关键向配置，在文件中搜索 eslint-loader 关键字我们会发现如下代码

 1   {
 2           test: /\.(js|mjs|jsx|ts|tsx)$/,
 3           enforce: 'pre',
 4           use: [
 5             {
 6               options: {
 7                 cache: true,
 8                 formatter: require.resolve('react-dev-utils/eslintFormatter'),
 9                 eslintPath: require.resolve('eslint'),
10                 resolvePluginsRelativeTo: __dirname,
11                 
12               },
13               loader: require.resolve('eslint-loader'),
14             },
15           ],
16           include: paths.appSrc,
17         },

我们只需要将 cache 的状态修改为 false 再从新运行下项目，就可以了。

真的挺谢谢我看到的那两篇文章的作者，如果有兴趣的话，大家也可以点击后边的链接查看原文原文一原文二。

Rome is not built in a day. 再接再厉吧。

标签：resolve,off,loader,react,修改,eslint
来源： https://www.cnblogs.com/songluming/p/14437985.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

react修改eslint配置