UglifyJS: concat und verkleinern oder Umgekehrt?

Getestet habe ich die Ausgabe der einzelnen Methode mit Gulp.

Test-Setup

Ich verwendet, 9 JavaScript-Dateien, die insgesamt 19.15 kB wenn verkettet (nicht minified). Jede Datei beginnt mit einem 'use strict'; - Anweisung.

Ergebnisse:

• Verketten => hässlich machen: 7.993 kB
• Verunstalten => Verketten: 8.093 kB
• Unterschied: 0.1 kB

Hinweise:

• Verketten => Verunstalten Streifen 8 9 'use strict'; Aussagen
• Verunstalten => Verketten behält alle 'use strict'; Aussagen
• Einem einzigen 'use strict'; Aussage ist 13 bytes. 8 × 13 bytes = 104 bytes, welche Konten für die 0.1 kB Unterschied.

Abschließende Gedanken:

Verwenden, welche Reihenfolge Sie bevorzugen.

Den Unterschied zwischen diesen beiden Verfahren ist vernachlässigbar. Verketten => hässlich machen könnte (rein theoretisch) erzeugen (kaum deutlich) kleinere Dateien, wenn beide der folgenden erfüllt sind:

• Mehrere einzelne Dateien beginnen mit einem 'use strict'; Anweisung
• Es gibt viele einzelne Dateien

Hier ist die gulpfile.js ich verwendet:

var gulp = require('gulp'),
  concat = require('gulp-concat'),
  uglify = require('gulp-uglify');

var files = [
  '!app/scripts/**/*Spec.js', //Exclude test files
  'app/scripts/**/*.js'
];

//Register tasks
gulp.task('concat-min', function() {
  return gulp.src(files)
    .pipe(concat('script.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('dist'));
});

gulp.task('min-concat', function() {
  return gulp.src(files)
    .pipe(uglify())
    .pipe(concat('script.min.js'))
    .pipe(gulp.dest('dist'));
});

Ich würde immer legen Sie Sie alle in einem dann verkleinern.

Eine Sache, die ich begonnen haben, zu tun ist, um es auszuführen, obwohl http://www.javascriptobfuscator.com/ ersten ich weiß, es klingt Graf-intuitive, aber eines der Dinge, die Sie tut, ist speichern alle string in ein array ok ein hässliches array, sondern Stoppt string Wiederholung dann, wenn Sie gehen, um Ihre minified, ich benutze Google Closure compiler wird es dann ordentlich die Saiten, und Sie oft am Ende mit einem besseren minified Datei

Es nicht viel Unterschied, da die toplevel-Anweisungen (und Variablen &c.) nicht einmal berührt.

Allerdings, wenn Sie die --lift-vars option, es könnte sich ändern. Es hängt stark von deinem code.