jscpd 检查js项目代码重复率

jscpd工具介绍

jscpd是个开源的代码重复率检测工具，github地址：https://github.com/kucherenko/jscpd/tree/master/packages/jscpd

jscpd安装

yarn global add jscpd

jscpd 使用

  1. 在项目的package.json中配置jscpd
{
  ...
  "jscpd": {
    "threshold": 0.1, // 重复率阈值
    "reporters": [
      "html",
      "console",
      "badge"
    ], // report输出类型
    "ignore": [
      "node_modules",
      "miniprogram_npm",
      "pages/test",
      "config/mock.js "
    ], // 忽略文件/夹
    "absolute": true, // report路径采用绝对路径
    "gitignore": true // gitignore文件也忽略
  }
  ...
}

  1. cd到要检测的项目的目录

  2. 执行检测（更多传参用法，请参考项目github地址）

jscpd ./ -o "./report/"

jscpd ./ --ignore "node_modules,miniprogram_npm" -o

检测结果查看

  • 检测结果会通过console到控制台上
image.png
  • 直观的话，可以查看report文件夹下面的html，可以根据检测结果，查看重复的代码块，有针对性的进行重构
image (1).png
image (2).png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容