在前端开发中，我们经常需要对文件大小进行优化和管理。为了更好地诊断和调试我们的代码，我们需要使用一些工具来查看我们的文件占用了多大的空间。
其中，一款非常优秀的工具就是 print-sizes，它能够打印出我们的文件的大小以及 gzip 后的大小，帮助我们更好地进行优化。
安装
使用 npm 进行全局安装：
npm install -g print-sizes
使用方法
打开命令行界面，进入项目的目录，执行如下命令：
print-sizes
这个命令会自动查找你的项目中的所有文件，并且打印出以下信息：
1.21 kB 604 B gzip app.js 1.77 kB 676 B gzip print-sizes.js 237 B 94 B gzip README.md
其中，第一列是文件的原始大小，第二列是文件 gzip 后的大小，第三列是文件名。
开启 watch 模式
如果你想在每次更改代码时都自动重新计算文件大小，你可以使用 watch 模式。只需要在 print-sizes 命令后面加上 --watch 参数即可：
print-sizes --watch
这个命令会一直在前台运行，每次检测到文件变化，就会重新计算文件大小并打印出来。
忽略文件
如果你想忽略某些文件的大小计算，比如一些测试代码或者临时文件，你可以使用 .print-sizes-ignore 文件来配置。在这个文件中，一行一个文件名或者 glob 表达式来指定被忽略的文件。
例如，你可以将以下内容保存为 .print-sizes-ignore 文件，然后运行 print-sizes 命令时就会忽略这些文件的大小计算。
test/*.js tmp/*.js
总结
借助 print-sizes 工具，我们能够更好地了解我们的项目中各个文件的大小，从而有针对性地进行优化和管理。希望本篇文章能对你在前端开发中的工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5ef8589a403f2923b035b978