gulp
Minishing JS

Składnia

• ext Obiekt, który określa źródło wyjściowe i zminimalizowane rozszerzenia plików.
• source Łańcuch sufiksów nazw plików, które wyjściowe pliki źródłowe kończą się.
• min When string: Ciąg sufiksu nazw plików, które wyprowadzają zminimalizowane pliki, kończy się na.
• When Array: Wyrażenia regularne, które mają zostać zastąpione wejściowymi nazwami plików. Na przykład: [/.(.*)-source.js$/, „$ 1.js”]
• exclude Nie zminimalizuje plików w katalogach.
• noSource Nie wyprowadza kodu źródłowego w noSource .
• ignoreFiles Nie ignoreFiles plików pasujących do wzorca.
• mangle Przekaż false aby pominąć kłótliwe nazwy.
• output Przekaż obiekt, jeśli chcesz określić dodatkowe output options . Domyślne ustawienia są zoptymalizowane pod kątem najlepszej kompresji.
• compress Przekaż obiekt, aby określić niestandardowe compressor options . Przekaż false, aby całkowicie pominąć kompresję.
• preserveComments Wygodna opcja dla options.output.comments. Domyślnie zachowuje brak komentarzy.
• all Zachowaj wszystkie komentarze w blokach kodu
• some Zachowaj komentarze, które zaczynają się hukiem (!) lub zawierają dyrektywę (@preserve, @license, @cc_on) Compiler (@preserve, @license, @cc_on)
• function Określ własną funkcję zachowania komentarza. Zostanie przekazany bieżący węzeł i bieżący komentarz i oczekuje się, że zwróci wartość true lub false .

Uwagi

Zminimalizuj JS za pomocą gulp-minify

Najpierw zainstaluj gulp i gulp-minify do katalogu projektu lokalnie

npm install --save-dev gulp gulp-minify

Następnie dodaj następujące zadanie min-js do gulpfile.js

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

gulp.task('min-js', function() {
    return gulp.src('lib/*.js')
        .pipe(minify({
            ext: {
                min: '.min.js'
            },
            ignoreFiles: ['-min.js']
        }))
        .pipe(gulp.dest('lib'))
});

gulp.task('watch', function(){
  gulp.watch('lib/*.js', ['min-js']); 
  // Other watchers
});

gulp.task('default', ['min-js', 'watch']);

W tym zadaniu znajdź wszystkie pliki js w katalogu lib , zminimalizuj je i zapisz w katalogu lib z przyrostkiem .min.js . Na przykład po minify plik lib/app.js zostanie utworzony plik lib/app.min.js

Oprócz uruchamiania jako zależność dla 'default' zadania przełykania, to zadanie można uruchomić ręcznie, wpisując następujące polecenie:

gulp min-js