安装

npm install dep-extractor --save

使用

const path = require('path');
const depExtractor = require('dep-extractor');

depExtractor.extract({
    sourcePath: path.resolve(__dirname, './index.html'), // 需要被提取的静态页路径
    targetPath: path.resolve(__dirname, './test.html'), // 生成的测试html路径
    title: '静态资源加载测试页面' // 生成的测试html标题
});

说明

给定一个源html文件，我们希望能够根据这个源html生成一个静态资源加载测试html（简称测试html），测试html关注静态资源加载（包括link标签和script标签），测试html可以展示出哪些静态资源已经加载（绿色）、哪些静态资源加载失败（红色）。

dep-extractor可以实现这个效果

dep-extractor使用 jsdom解析html文本，获取对应的DOM

dep-extractor给每个link标签和每个script标签添加onload和onerror属性，以记录改标签对应的静态资源加载结果