介绍
assets-checker 是一款用于检查 Web 项目中资源（如 JS、CSS、图片等）是否存在冗余、未使用的 npm 包工具。使用该工具可以帮助开发者简单快捷地检查项目资源的冗余情况，以减少项目依赖的体积，提高项目运行效率。
安装
在使用该工具前，需要先通过 npm 安装：
npm install -g assets-checker
使用
进入项目根目录，使用以下命令进行检查：
assets-checker check
该命令会扫描项目中的 JS、CSS、图片等资源，检查它们是否存在冗余、未使用的 npm 包。检查完后，工具会自动输出检查结果，如下所示：
-- -------------------- ---- ------- -------- ---------- --------------- ---- ------ -- ---- -- ---------------- ---- ---------- -- --- ---- -------- --- --------------- ---- --------- -- ---- -- ------------------- ---- ------------ -- --- ---- -------- ----- --------------- ---- ------------------ -- ---- -- ------------------ ---- ------------------------ -- ---- -- ------------------------ ---- ------------------------- -- --- ---- -----
从结果中可以看出，存在未使用的 npm 包（如 underscore 和 font-awesome），可以考虑删除。
此外，也可以指定需要检查的资源类型，如下所示：
assets-checker check js assets-checker check css assets-checker check image
以上分别表示检查 JS、CSS、图片文件中未使用的 npm 包。
高级用法
- 忽略某些目录/文件
在项目根目录添加 .assetsignore 文件，输入需要忽略的文件/文件夹名称即可。例如：
node_modules dist
以上表示忽略 node_modules 和 dist 目录下的所有资源。
- 自定义配置
在项目根目录添加 assets.config.js 文件，进行相关配置。例如：
module.exports = {
ignore: ['node_modules', 'dist'],
ignoreExtension: ['.min.js', '.min.css'],
};其中，ignore 表示需要忽略的目录/文件，ignoreExtension 表示需要忽略的资源扩展名。
示例代码
以下为使用 assets-checker 工具检查的一个代码示例：
index.html：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------- -------------- ----- ---------------- ----------------------------------------------------------------------------- ------- ------ ---------- ----------- ------- ---------------------------------------------------------------------------- ------- ---------------------------------------------------------------------------------------- ------- ----------------------- ------- -------
main.js：
$(function() {
// some code
});assets-checker check 命令的输出结果：
Checking JavaScript dependencies... [OK] jQuery is used in main.js [NO] underscore is not used Checking CSS dependencies... [OK] font-awesome is used in index.html Checking image dependencies... Done.
从结果中可以看出，underscore 包没有被使用，可以进行删除。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eb181e8991b448dc525