Wie man die Browserify-Bundle-Größe vernünftig hält, wenn man Dinge von Drittanbietern benötigt (via Grunzen, wenn es darauf ankommt)

Ich versuche, meinen eigenen Code (A) zu bündeln, der wiederum 2 Komponenten von Drittanbietern (B und C) verwendet, wobei C auch B benötigt. Soweit ich weiß, wird alles mit CommonJS-Node-Style-Modulen geschrieben.

A allein kommt im Bundle mit 60K heraus.

B ist separat enthalten und wird als global angenommen. Ich habe dieses Problem gelöst, indem ich in meinem Erstellungsschritt ein schmutziges Stück Ersetzen durch globalB ("B") ausgeführt habe.

C ist das, was mir Probleme bereitet. Es soll "nur 8K" groß sein, wenn ich es mit A bündle. Mein Bündel springt auf 600K +, da ich davon ausgehe, dass es in Hülle und Fülle Abhängigkeiten gib

Das ist nicht akzeptabel, aber ich weiß nicht, wie ich es verkleinern soll, da ich nicht weiß, was zum Teufel es bringt (oder noch wichtiger, was ich ausschließen kann, damit es noch funktioniert). Ich könnte einen Binärhieb mit den Ausschlägen versuchen, aber ich würde nicht wissen, ob das ein sicherer oder sogar vernünftiger Weg ist.

Wie kann ich C up bündeln und habe mein Bundle erst bei 68,5 KB (Gesamtgröße beider Chunks mit Code 60 KB + 8,5 KB) herausgebracht und funktioniert es natürlich noch?

Ich bin neu in Node und Browserify, aber ich habe über eine Woche lang daran gearbeitet, um zu sagen, dass ich es gut probiert habe, bevor ich meine Hand hob.

Weitere Informationen, wenn es darauf ankommt:

s muss serverseitig und clientseitig ausgeführt werdeB ist eigentlich ReactJSC ist eigentlich React Router Component Mit Windows und C # über ReactJS.net ... hey ... warte ... komm zurück ... Tumbleweed

Antworten auf die Frage(8)

Ihre Antwort auf die Frage