前端工程化中在jenkins检查js覆盖率，核心是通过jest+istanbul生成lcov.info报告，再由sonarqube或html publisher插件展示；若用sonarqube，需配置sonar.javascript.lcov.reportpaths并设质量门禁阻断低覆盖提交。
前端工程化中在 Jenkins 中检查 JS 覆盖率，核心是让测试运行时生成标准覆盖率报告（如 lcov.info），再通过 Jenkins 流水线将其送入可视化或质量门禁系统。不依赖后端语言生态，关键在构建流程衔接和报告路径精准传递。
确保本地能生成 lcov 格式报告
JS 项目常用 Jest + Istanbul（nyc）组合。需在 package.json 的 test 脚本中明确启用覆盖率并指定格式：
"test:coverage": "jest --coverage --coverageDirectory=coverage --coverageReporters=lcov"- 可加
--collectCoverageFrom=src/**/*.{js,jsx,ts,tsx}控制统计范围，避免 node_modules 或配置文件干扰 - 执行后会在
coverage/lcov.info输出 SonarQube 和多数插件识别的标准文件
在 Pipeline 中调用 sonar-scanner 并传入路径
SonarQube 是最常用的统一质量平台，JS 覆盖率需靠 sonar.javascript.lcov.reportPaths 参数绑定：
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
- 流水线 stage 中先运行
npm run test:coverage，确保coverage/lcov.info存在 - 后续 stage 调用
sonar-scanner时必须带参数：-Dsonar.javascript.lcov.reportPaths=coverage/lcov.info - 完整示例中还需提供
sonar.projectKey、sonar.sources等基础字段，否则扫描会失败
不接 SonarQube？直接在 Jenkins 页面展示 HTML 报告
若暂未部署 SonarQube，可用 HTML Publisher Plugin 原生发布 Jest 自动生成的可视化报告：
- Jest 默认生成
coverage/lcov-report/index.html - Pipeline 后续 stage 加入：
publishHTML(target: [reportDir: 'coverage/lcov-report', reportFiles: 'index.html', reportName: 'Jest Coverage Report']) - 构建成功后，Jenkins 任务页会出现“Jest Coverage Report”链接，点击即可查看带高亮的交互式报告
用质量门禁把覆盖率变成硬性门槛
仅展示数据不够，要真正起作用就得阻断低覆盖的提交：
- 在 SonarQube 后台配置 Quality Gate，例如设置 “Branch Coverage on New Code ≥ 80%”
- Jenkins 流水线中启用
waitForQualityGate()步骤（需 SonarScanner for Jenkins 插件） - 一旦未达标，该 stage 失败，整个流水线中断，开发者必须补测再提交
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
