Как я могу использовать gzip для моего углового проекта?

Question

Я читал статью об уменьшении углового размера проекта, в этих статьях я нашел какое-то решение, но одним из них было Obscure для меня, и это было сжатие с помощью gzip, мой вопрос: как я могу использовать gzip для своего приложения?

Если вам это поможет, я использую ядро ​​asp.net в качестве своей серверной технологии.

Answer 1

Во-первых, вам нужно установить эти две зависимости dev

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

Создайте скрипт postbuild в вашем package.json

"postbuild": "gulp compress",

Создайте файл gulpfile.js на том же уровне файла package.json со следующим кодом

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')));

    })
});

Всякий раз, когда вы собираете свой проект, эта команда посткомпиляции будет сжимать файлы после сборки.

Answer 2

Вы можете использовать gzip-all

Я сейчас использую эту версию

"gzip-all": "^1.0.0"

Так что моя команда сборки будет

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

Таким образом, gzip-all будет распаковывать каждый файл в папке dist