编写一个分析代码依赖的工具（一）-白红宇

一个源码中，理不清的依赖是最烦的，让我们继续往下看，如何实现一个小工具，来分析依赖关系，工具的地址,觉得可以的可以点个star，的地址，喜欢的也可以点个star，谢谢。

先让我们来看看最后的效果如何：

选中的情况下，会把其余的都隐藏，显示它引入的依赖。

怎么实现它

我们先了解echart和node的fs和path模块，这是编写的基础。fs的几个处理文件的方法，path几个处理路径的方法，还有echart中的和弦图，我们要整理出来的nodes节点和links依赖关系。

第二步，先定义一些常量，然后我们要用fs模块去读取文件夹中的文件的filename和pathname，我们还要判断一个文件是不是文件夹，如果是文件夹，我们要递归调用的个函数，继续读取，直到所有的都遍历完毕。代码如下：

定义常量

// 该文件是这个npm包用到的常量// 需要忽略的文件夹module.exports.IGNORE_DIR = ['node_modules', '.git', 'dist', 'build', 'test', '.DS_Store', '.gitignore', 'package-lock.json', 'README.md'];// 符合标准的文件的扩展名module.exports.INCLUDE_EXT = ['.js', '.json', '.node']复制代码

收集文件的filename和pathname

var fs = require('fs');var path = require('path');// 引入我们定义好的常量var extName = require('./constant.js').INCLUDE_EXT,    ignoreFile = require('./constant.js').IGNORE_DIR,    res = {        filename: [],        pathname: []    };function getFileName(dir, addIgnore) {    var files = fs.readdirSync(dir),        ignoreList = [];    // 判断不需要的文件    if(Array.prototype.isPrototypeOf(addIgnore)) {        ignoreList = addIgnore.concat(ignoreFile);    } else {        ignoreList = ignoreFile;    }    // 收集文件名称和所属路径    files.forEach(function(item) {        var extname = path.extname(item),            currentPath = path.join(dir, item),            isFile = fs.statSync(currentPath).isFile(),            isDir = fs.statSync(currentPath).isDirectory();                // 先在ignore的列表中寻找，如果找到直接return        if (ignoreList.indexOf(item) !== -1) {            return;        } else {            // 判断他是不是我们需要的文件名            if(isFile && extName.indexOf(extname) !== -1) {                res.filename.push(item);                res.pathname.push(currentPath);            } else if (isDir) {                // 如果是文件夹，调用函数继续处理                getFileName(currentPath);            }        }    })    return res;}复制代码

你会发现这里的输出结果整理一下已经可以作为echarts的节点了。

第三步的话，我倾向于把links这个关系整理出来，那么我们要做的活就是用fs读取每一个文件，然后在用正则，将import和require的文件整理到target中，这样我们就得未经处理的links。那我就直接上代码了！！！

var fs = require('fs'),    path = require('path'),    reqReg = /require\(['|"](.*?)['|"]\)/g,    impReg = /import\s.*?['|"](.*?)['|"]/g,    resDep = [];function getDepend(res, dir) {    // 根据上一个文件res获得的pathname数组进行依赖收集    res.pathname.forEach(function(item, index) {        // 读取文件        var data = fs.readFileSync(item, 'utf-8'),            results = [];            // 正则匹配require        while((results = reqReg.exec(data)) !== null) {            var link = {                source: res.pathname[index],                target: results[1],                weight: 1,                name: '依赖'            };            resDep.push(link);        }        // 正则匹配import        while((results = impReg.exec(data)) !== null) {            var link = {                source: res.pathname[index],                target: results[1],                weight: 1,                name: '依赖'            };            resDep.push(link);        }    });    return resDep;}复制代码

第四步的话，下回在讲吧，要跑去要饭了

总结

最后在死皮赖脸的推荐一下和，欢迎star，谢谢