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文件夹中运行，则可以自行手动执行比较。