如何查看一个js、ts文件模块的依赖树最近接手了别人的页面，代码很乱很复杂，在添加功能的时候，发现我添加的模块和原来的模块冲突，但是又不知道原来的模块在哪里，只好到处找。但是发现这个方法太笨拙了，在网上也找不到对应的工具，干脆自己写了一个工具。项目地址：sdep.安装npminstallsdep-gUsesdep[options]常用命令行参数-q,--query:查找某个模块的依赖链(eg:-qreact)-r,--regular:putquery作为正则模式匹配（如：-q'react|react-dom'-r）-i,--ignore:不显示文件使用的第三方库commander.jsnode-dependency-tree在node_modules示例中查看文件依赖结构sdepexample/index.jsexample/index.js├example/css/css.css├example/css/scss.scss├example/css/less.less├example/jsx.jsx|├节点模块/反应/索引.js||├node_modules/react/cjs/react.production.min.js|||└node_modules/object-assign/index.js||└node_modules/react/cjs/react.development.js||├node_modules/object-assign/index.js||└node_modules/prop-types/checkPropTypes.js||└node_modules/prop-types/lib/ReactPropTypesSecret.js|├node_modules/react-dom/index.js||├node_modules/react-dom/cjs/react-dom.production.min.js|||├node_modules/react/index.js||||├node_modules/react/cjs/react.production.min.js|||||└node_modules/object-assign/index.js||||└节点模块/反应/cjs/react.development.js||||├node_modules/object-assign/index.js||||└node_modules/prop-types/checkPropTypes.js||||└node_modules/prop-types/lib/ReactPropTypesSecret.js|||├node_modules/object-assign/index.js|||└node_modules/scheduler/index.js|||├node_modules/scheduler/cjs/scheduler.production.min.js|||└node_modules/scheduler/cjs/scheduler.development.js||└node_modules/react-dom/cjs/react-dom.development.js||├node_modules/react/index.js|||├node_modules/react/cjs/react.production.min.js||||└node_modules/object-assign/index.js|||└node_modules/react/cjs/react.development.js|||├node_modules/object-assign/index.js|||└node_modules/prop-types/checkPropTypes.js|||└node_modules/prop-types/lib/ReactPropTypesSecret.js||├node_modules/object-assign/index.js||├node_modules/prop-types/checkPropTypes.js|||└node_modules/prop-types/lib/ReactPropTypesSecret.js||├node_modules/scheduler/index.js|||├node_modules/scheduler/cjs/scheduler.production.min.js|||└node_modules/scheduler/cjs/scheduler.development.js||└node_modules/scheduler/tracing.js||├node_modules/scheduler/cjs/scheduler-tracing.production.min.js||└node_modules/scheduler/cjs/scheduler-tracing.development.js|└示例/wel.jsx|└node_modules/react/index.js|├node_modules/react/cjs/react.production.min.js||└node_modules/object-assign/index.js|└node_modules/react/cjs/react.development.js|├node_modules/object-assign/index.js|└node_modules/prop-types/checkPropTypes.js|└node_modules/prop-types/lib/ReactPropTypesSecret.js└example/async/index.js└example/async/index.css查看一个文件包包含react的依赖链接sdepexample/index.js-qreactexample/index.js└示例/jsx.jsx└node_modules/react/index.jsexample/index.js└示例/jsx.jsx└node_modules/react-dom/index.jsexample/index.js└example/jsx.jsx└example/wel.jsx└node_modules/react/index.js查看一个包含less或scss依赖链的文件sdepexample/index.js-q'less|scss'-rexample/index.js└example/css/scss.scssexample/index.js└example/css/less.less关注更多博客，查看https://github.com/senntyou/blogs作者：沈玉之(@senntyou)版权声明：免费转载-非-商业-非衍生-属性保留（知识共享3.0许可）
