Eine kurze Diskussion zur Verpackungsoptimierung von vue-cli2.0

Question

Beim Ändern von AssetsPublicPath im Build in config/index.js

werden ProductionSourceMap und ProductionGzip darunter gefunden.

Um es peinlich auszudrücken: Diese beiden Eigenschaften sind mir bisher wirklich nicht aufgefallen. Jetzt, wo ich sie entdeckt habe, wollen wir sie erkunden.

Mit den Programmierideen für Google und Baidu habe ich mir die Dokumentation angesehen und sie dann kurz zusammengefasst, um mir das Ausfüllen der Lücken zu erleichtern.

ProductionSourceMap

Ob die automatische Generierung von .map-Dateien beim Packen aktiviert werden soll, wird empfohlen, diese auf „false“ zu ändern, damit die Paketgröße erheblich reduziert werden kann.

Ein weiterer wichtiger Punkt ist, dass Ihr Quellcode offengelegt wird, wenn er wahr ist.

Öffnen Sie einfach die Browserkonsole und Sie können Ihren Quellcode direkt in Quellen sehen.性 Daher wird im Allgemeinen empfohlen, dieses Attribut auf false zu setzen.

ProductionGzip

Ob die Komprimierung geöffnet werden soll, hängt von meiner Situation ab, seit ich dieses Attribut entdeckt habe.

Wenn Sie dieses Attribut verwenden, müssen Sie die Komprimierungs-Webpack-Plugin-Abhängigkeit installieren

Nach Version 2.0.0 erfordert dieses Modul mindestens Node v6.9.0 und Webpack v4.0.0 ah

Also wenn es webpack3.x ist Version, mit Installation entsprechend der Versionsnummer

Führen Sie nach dem Korrigieren der beiden Eigenschaften npm run build erneut aus und stellen Sie fest, dass die Paketgröße um etwa 50 % reduziert wurde, was wirklich überraschend ist