如何使用grunt-contrib-uglify来gzip js文件呢？

Question

我正在执行一项艰巨的任务：

uglify: {
    options: {
        report: 'gzip'
    },
    all: {
        expand: true,
        flatten: true,
        cwd: 'js/',
        src: ['*.js', '!*.min.js'],
        dest: 'js/min',
        ext: '.min.js'
    }

}

在运行报告选项时，文件将压缩到一个文件中

options: {
    report: 'gzip'
}

我看到gzip压缩时文件会明显变小，但输出文件不是gzip压缩的，它们的大小与“缩小”报告相同。

所以问题是，我如何配置uglify来gzip文件。 或者这是一项不同任务的任务？

Answer 1

gzipping是网络服务器用来打包静态资产的一种技术，有助于将传输数据的大小减少一半或更多。 gzip报告只是让你知道该技术将节省多少，但显然无法将文件压缩超出正常的缩小范围。 如果您有兴趣，这篇文章还有一些进一步的信息：

http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/

就个人而言，我会把gzip报告关闭，因为它表现不佳; 也许只有在您准备部署时才将其保存。

Answer 2

如果您在S3上托管文件/资产，则需要手动gzip文件并将响应标头“encode-type”设置为“gzip”。 因此我需要此功能以及同步文件或至少部署文件的繁重任务。

Answer 3

您可以将grunt-contrib-compress添加到工作流程中，并将您的Web服务器配置为使用gzip压缩版本。 在nginx上会打开gzip_static