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

Question

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

例如

我在整个网站上使用 images/js/css 个文件，在进行任何更改或删除文件之前，我想知道有多少文件（html，aspx）使用 image/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))

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

how to manage file dependencies in a website

javascript

node.js

gruntjs

bower