Gulp: Uncaught SyntaxError: Ungültiger oder unerwarteter Token

Question

Ich benutze Schluck um meine JavaScripts zu vereinheitlichen, concat und zu komprimieren. Wenn ich all.js Skript auf meiner Web site laufen lasse, geben Sie mir unten markierten Fehler. Aber wenn ich nicht komprimiere und nur concat und ugilfy funktioniert alles gut. Ich weiß nicht, warum es mir diesen Fehler durch Komprimieren gibt. Zum Komprimieren verwende ich jstuckey/gulp-gzip Modul.

Browser-Konsole:

Uncaught SyntaxError: Invalid or unexpected token

gulpfile.js:

gulp.task('all_scripts', function() { 
    return gulp.src(['app/app.js', 'app/services/*.js', 'app/directives/*.js', 'app/components/**/*.js', 'app/routing_components/**/*.js']) 
     .pipe(concat('all.js')) 
     .pipe(uglify()) 
     .pipe(gzip()) //by commenting this all.js works fine 
     .pipe(gulp.dest('app')); 
}); 

Hinweis: In meinem Verzeichnis app/all.js.gz auftreten, nachdem schluck all_scripts läuft. Aber im Browser gibt es mir einen Fehler.

Im Browser für all.js, ich bin immer Netzwerk-Antwort mit "Accept-Encoding: gzip, deflate, br" und Status 200:

P�{P�e��*�y?R�%'S�׏���+D0�՞����v_�l��/H� 
���|�! ��MrX��� O�Vg��d�K�<����}ݑ�QP��y#(R�6�e� 
�C�q����+1S��Y�D�鳑����G�)_"@3Y&��I�P�w@}�O�w�h[���;���!pWʂl�[�8T���R��WqI^�E�O�u�6�����������Q̩��bS��s @b�d�8>�یl�/ƛm� 
�02�믔�c3:η�̧eM�����zU�Q����,ζ�1��֣b�P��,�mR�\@����+G��Q� �U�9J��`]+�˺�TK����,=��f�(�O����y��C�N/�l�STS݁�P-�I���9�"#�� 
$�G�^͡�P=�j� 
~/�!V㖣'�b�X���j 
��,^F��{��6�u�y6ۢL2��b�*y�)�� ��r��C��I?�f�2re��,T�b� T��(� ��$`[Z�u�Z�$�H| 
�t��S7C 
���R]Z�(|p��؄��S4�#]AZW� 

Answer 1

Klingt wie gzip funktioniert prima, aber Ihr Browser kann nicht die komprimierte Datei dekodieren, weil (vermutlich) Ihre Header nicht richtig gesetzt sind.

Sie müssen diese:

Content-Type: application/javascript 
Content-Encoding: gzip 

weitere Informationen finden Sie hier: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Encoding