Grunt Uglify 获得节省的空间总和

Question

我已经 grunt-contrib-uglify 为我缩小了一堆 js 文件，并认为如果它可以总结缩小前后文件大小的差异，那将是非常整洁的。有没有办法做到这一点？

谢谢！

Answer 1

一个简单的方法是编写您自己的任务，使用nodejs file system library 列出您要使用fs.Stats 比较的文件的大小。一个更复杂的选择是将 pre 和 post 大小记录到带有时间戳的文件中，以便对其进行跟踪和绘制。

或者访问 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 文件夹上使用两个单独的子任务运行它，您可以自己手动执行比较。