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