javascript - Grunt Uglify 获取节省的空间总和

Question

我有 grunt-contrib-uglify 为我压缩了一堆 js 文件，并且认为如果它能够总结压缩前后文件大小的差异，那就太棒了。有什么办法可以做到这一点吗？

谢谢!

Answer 1

一个简单的方法是编写您自己的任务，使用 nodejs file system library使用 fs.Stats 列出要比较的文件的大小。更复杂的选项是将前大小和后大小记录到带有时间戳的文件中，以便可以跟踪它们并绘制图表。

或者访问 npmjs.org 并获取一个现有项目作为构建的基础:grunt-size-report

咕噜大小报告

修改您的 Gruntfile.js 以添加 size_report 部分:

size_report: {
    your_target: {
        files: {
            list: ['path/to/*.html', 'path/to/images/*.jpg']
        },
    },
},

如果您将 size_report 调用添加到构建命令列表中，您将获得:

~~~~~~~~~~~
Size report
~~~~~~~~~~~

Filename                      Size          %
---------------------------------------------
test/testfiles/test4.txt     9.6 KiB    46.8%
test/testfiles/test1.txt     7.0 KiB    34.0%
test/testfiles/test2.txt     3.5 KiB    17.0%
test/testfiles/test3.txt     447 B       2.1%
=============================================
Total:                      20.5 KiB

此报告未显示节省的空间百分比，但如果您在 /app 和 /dist 文件夹上使用两个单独的子任务运行它，则可以执行自己手动比较。