Eine kurze Diskussion zur Verpackungsoptimierung von vue-cli2.0
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
