前端项目接入SonarQube质量管理 | 老潘的博客

[panyanbin]

https://www.panyanbin.com/article/f651276b.html

对于现有的前端项目，大多数都集成了eslint工具进行代码的风格校验。eslint工具很强大，它可以对所有前端语言（如JavaScript，TypeScript）编写的代码进行风格校验。既然eslint这么强大可以满足风格校验，为什么还需要接入sonarQube？

[yanhaijing]

👍

[Hurria]

感谢分享

[ontheway01]

感谢分享 👍 实测ESlint问题没法标记误判，请问怎么处理呢?

[panyanbin]

@ontheway01 感谢分享 👍 实测ESlint问题没法标记误判，请问怎么处理呢?

不好意思，好久没上，才刚看到。

我的sonarqube测试环境没有了，没法在上面操作去验证你的问题，你说的没法标记误判是在检查出的问题列表上对问题标记误判？是不是可以添加个「误判」标签来标记？或者在业务代码出现eslint误判的位置添加绕过eslint规则，比如：

alert('eslint 误判'); // eslint-disable-line
// 或者
// eslint-disable-next-line 
alert('eslint 误判');

多行禁用eslint规则

/* eslint-disable */

alert('eslint 误判111');
alert('eslint 误判111');

/* eslint-enable */

[shujieWang]

您好，前端项目可以实现像后端一样增量问题阻断发版吗

[panyanbin]

@shujieWang 您好，前端项目可以实现像后端一样增量问题阻断发版吗

查看sonarQube官网文档，了解到在前端的JavaScript校验不支持自行编写规则，只能使用sonar提供的内置规则。

我之前使用sonarQube时，因为前端项目不支持自定义规则，因此使用导入eslint全量报告的方式来实现查看前端项目的问题。看起来可能没法做到问题增量，因为sonarQube是读取eslint报告文件进行问题覆盖，读取报告的接口能力不支持，只能全量。

而sonarQube本身支持后端语言自定义规则，等于sonarQube根据给定的规则去识别并标记哪些是增量。

太久没用过sonarQube，我也不确定目前能不能支持。