如何将 gzip 用于我的 angular 项目？

Question

我读了一些关于减小角度项目大小的文章，在这些文章中我建立了一些解决方案，但其中之一对我来说是 Obscure 并且是 gzipped 压缩，我的问题是如何将 gzip 用于我的应用程序？

如果它对您有帮助，我将使用 asp.net core 作为我的后端技术。

Answer 1

首先，您需要安装这两个开发依赖项

 "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 命令都会在构建后压缩文件。