如何管理网站中的文件依赖项

Question

我正在开发一个网站，它逐渐变大了。 我正在寻找了解文件依赖关系的工具或方法。

例如

我在整个网站上都使用图像/js/css 文件，在进行任何更改或删除文件之前，我想知道有多少文件（html、aspx）使用该图像/js/css 文件

提前感谢:)

Answer 1

你可以很容易地构建这样的东西。您需要将给定的 html 解析为树并过滤掉外部依赖项。 npm 上有一个名为 deps-html 的模块。

假设你已经安装了 nodejs，你可以安装它：

npm install --save deps-html

之后，您可以创建树并计算依赖关系：

var deps = require('deps-html');
var fs = require('fs');

var string = fs.readFileSync('/path/to/your/html');
// build the node tree
var ast = deps.parse(string);
// parse all the dependencies
var matches = deps.extract(ast);
// count
console.log(matches.length)

然后就可以运行了

> node count-deps.js

您还可以通过访问资产type 属性来更具体地计算单个资产：

matches.forEach(dep => console.log(dep.type))