1、前言
在前端开发中，我们经常会用到 bower 来管理项目的依赖库，在使用 bower 过程中，有时会遇到需要统计依赖库的文件大小的需求。而 bower-files-size 这个 npm 包就能够很好地实现这一功能，下面将详细介绍 bower-files-size 的使用教程。
2、安装
使用 npm 安装 bower-files-size：
--- ------- -- ----------------
3、使用
3.1、基本使用
在命令行工具中运行以下命令：
---------------- -------------
其中 dependencies/ 为 bower.json 中的 dependencies 目录，运行后控制台会输出如下信息：
------ ------ -- -------- ----- -- ---------- ----- -- --------- ------ --
即输出每个依赖库的文件大小，单位为 KB。
3.2、详细使用
如果需要输出每个文件的大小信息，可以添加 -v 参数：
---------------- ------------- --
控制台会输出如下信息：
------
--------- ------ --
------------- ----- --
-------------- ------ -
--------
----------- ----- --
--------------- ----- --
---------------- ----- -
----------
------------- ----- --
---------
----
------------- ------ --
----------------- ------ --
---
------------ ----- --
---------------- ---- --即输出每个依赖库中每个文件的大小信息。
3.3、指定文件类型
如果只需要统计某个类型的文件大小，可以使用 -t 参数指定文件类型：
---------------- ------------- -- --
控制台会输出如下信息：
------ ------ -- -------- ----- -- --------- ----- --
即只统计 js 文件的大小。
3.4、忽略文件
如果需要忽略某些文件，可以使用 -i 参数指定忽略的文件或者目录：
---------------- ------------- -- ------------
控制台会输出如下信息：
------ ------ -- -------- ----- -- ---------- ----- -- --------- ------ --
即忽略了 jquery.min.js 和 jquery.min.map 两个文件。
4、总结
通过上述介绍，我们可以发现 bower-files-size 这个 npm 包十分的好用，既可以统计依赖库的总大小，又可以查看每个文件的大小，非常方便。希望本文对大家学习和使用 bower-files-size 具有一定的指导意义。
5、示例代码
bower.json 文件示例：
-
------- ----------
---------- --------
--------------- -
--------- ---------
----------- ---------
------------- ----------
------------ --------
-
-来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005663c81e8991b448e23e6