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

Question

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

谢谢！

Answer 1

一个简单的方法是编写您自己的任务，该任务使用nodejs 文件系统库列出您想要使用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可以自己手动执行比较。