在前端开发中，如何统计项目中的文件数量一直是一个问题。为了更好地管理工程项目，我们通常需要知道该项目所包含的文件数量、文件类型和结构等信息。而这正是 npm 包 count-files 能够帮助我们解决的问题。
安装 count-files
使用 npm 安装 count-files，只需要在终端输入以下命令即可：
npm install count-files --save-dev
使用 count-files
在任何时候，只需在终端输入以下命令，就可以获得我们所需的文件统计信息：
npx count-files
count-files 默认会统计当前目录下的所有文件。如果你想统计指定目录的文件，可以在命令行中指定路径，例如：
npx count-files src/components
此时 count-files 将只统计 src/components 目录中的文件。如果你想忽略一些指定的文件和目录，可以在根目录中添加一个配置文件 .countignore。在 .countignore 中添加需要忽略的文件和目录，例如：
node_modules *.log
统计结果详解
count-files 会统计以下信息：
- 文件数
- 文件夹数
- 文件类型
- 文件夹结构
文件数 和 文件夹数 是非常显然的统计结果，不需要过多解释。
文件类型 列举出了所有的文件扩展名和对应的文件数。这样，我们可以清楚地了解项目中涉及到了哪些文件类型，以及这些文件类型所占用的比重。这对我们了解整个工程的结构和依赖关系非常有帮助。
文件夹结构 提供了一个以层次结构展示的项目目录树。这里还列出了每个文件夹下包含的文件数以及文件夹数，方便我们了解项目文件在整个目录结构中的分布情况。
示例代码
以下是一个使用 count-files 以及操作统计结果的示例代码：
-- -------------------- ---- -------
----- ---------- - -----------------------
----- ---- - ----------------
-- ------
----- ------- - ----------------------- ---------
-----------
-- ---
-
--------
------- -------- -------- ----------------
------------ ------ -------
--
------- -------- -- -
-- ------- -
-------------------
-------
-
-- --------
-------------------- ---------- -------------
----------------- ------ -----------------------
---------------------- ------ ----------------------------
----------------- ------ ----------------------------------- ----- ------
-- ------
----- --------- - ------ ------ -- -
------------------------------- -- -
----- --------- - ----------
---------------- ------------------------------------
-- -------------------- -
----------------------------- ----- - ---
-
---
--
-------------------------------- ---
-
--这段代码实现了统计某个目录下所有文件的数量，并打印出统计结果和目录树结构。在这个例子中，我们忽略了 '.git'、'.idea' 和 'node_modules' 三个文件夹，并且排除了 'js' 和 'css' 扩展名的文件。输出的结果对于我们了解工程目录下文件的结构和类型分布非常有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb460b5cbfe1ea061126b