如何在我的Angular项目中使用gzip?

时间:2019-05-30 08:30:20

标签: angular asp.net-core gzip

我读了一些有关减小角度项目大小的文章,在这些文章中我找到了一些解决方案,但是其中之一对我来说是晦涩的,那是gzip压缩的,我的问题是如何在我的应用程序中使用gzip? 如果可以帮助您将asp.net核心用作我的后端技术

2 个答案:

答案 0 :(得分:2)

首先,您需要安装这两个dev依赖项

 "gulp": "^4.0.0",
"gulp-gzip": "^1.4.2",

在package.json中创建一个postbuild脚本

"postbuild": "gulp compress",

使用以下代码在package.json文件的相同级别上创建gulpfile.js文件

var gulp = require('gulp');
var gzip = require('gulp-gzip');

gulp.task('compress', function() {
    return new Promise(function(resolve, reject) {
        resolve(gulp.src(['./dist/**/*.*'])
        .pipe(gzip())
        .pipe(gulp.dest('./dist')));

    })
});

无论何时构建项目,此postbuild命令都会在构建后压缩文件。

答案 1 :(得分:0)

您可以使用gzip-all

我当前正在使用此版本

"gzip-all": "^1.0.0"

所以我的构建命令将是

ng build --prod && gzip-all \"dist/*.*\"

因此gzip-all将gzip压缩dist文件夹中的每个文件