在前端开发中，使用第三方库和工具是非常常见的。然而，过多的依赖会导致项目打包后体积变大，影响页面加载性能。因此，优化项目依赖的大小是必要的一步。本文介绍一个可以用来分析 npm 包大小的工具：sizeist。
什么是 Sizeist？
Sizeist 是一个命令行工具，可以在本地环境中分析 npm 包的大小并生成报告。它支持多种输出格式，如表格、图形等，并且还提供了一些有用的参数，比如可以忽略指定的文件或文件夹。
安装
首先，需要通过 npm 安装 sizeist：
npm install -g sizeist
使用
在项目根目录下执行以下命令即可：
sizeist默认情况下，sizeist 会分析当前项目的 node_modules 目录下所有依赖包的大小，并输出详细信息和报告。除此之外，还可以使用一些参数来控制分析的范围和输出格式。
--path
通过指定 --path 参数，可以分析指定路径下的依赖包，而不是默认的 node_modules 目录。例如：
sizeist --path=./some/path/to/node_modules
--ignore
如果想要忽略某些文件或目录，可以使用 --ignore 参数。可以传入一个正则表达式来匹配需要忽略的文件或目录。例如：
sizeist --ignore='(dist|build)'
这个命令将忽略所有名为“dist”或“build”的文件夹。
--format
通过 --format 参数指定输出格式。目前支持的格式有 table 和 json，默认为 table。例如：
sizeist --format=json
示例
以下是一个示例输出：
-- -------------------- ---- ------- ------------------------------------------------------------------------------------------------------------ - ------- - ------- - ---- - ------- - ------------ - -------- - ------------------------------------------------------------------------------------------------------------ - ----- - ------- - ---- -- - ------ --- - ------------- - - - - - - - ------ - ------------------------------------------------------------------------------------------------------------ - --------- - ------- - ---- -- - ----- -- - ------------- - ------------- - - - - - - - ---------- - ------------------------------------------------------------------------------------------------------------ - ------ - ------- - ------ -- - ----- -- - - ------------- - - - - - - - ------- - ------------------------------------------------------------------------------------------------------------ - ------ - ------ - ------ -- - ----- -- - - ------------- - - - - - - - ------- - ------------------------------------------------------------------------------------------------------------展开代码
该表格展示了项目依赖的 react、react-dom、`lodash
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/42824
