如何將 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 命令都會在構建后壓縮文件。

Answer 2

您可以使用gzip-all

我目前正在使用這個版本

"gzip-all": "^1.0.0"

所以我的構建命令將是

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

所以 gzip-all 將 gzip dist 文件夾中的每個文件