In meinem Projekt verwende ich babel , um auf ES5 zu übertragen. Ich verwende webpack , um alles zusammen zu bündeln. Es gibt mehrere Stellen, an denen babel eine Funktion am Anfang einer Datei hinzufügt, um eine Funktion zu unterstützen (wie Restparameter hier oder import -Anweisungen hier ).
Zum Beispiel hat so ziemlich jede Datei dies ganz oben:
%Vor%Und mehrere Dateien haben dies:
%Vor% In meinem kleineren Projekt ist das keine große Sache, aber in meinem Projekt bei der Arbeit m das gleiche zu tun und ich bin mir sicher, ich könnte mehr als ein paar Bytes rasieren, indem ich einen Weg gefunden habe, all diese Polyfills an einem Ort zu haben und diese zu haben. Anstatt _interopRequire in jeder Datei zu haben, die import verwendet (was fast jede Datei ist), muss sie an einer Stelle stehen und referenziert werden.
Gibt es eine Möglichkeit, dies zu tun?
Ich bin mir nicht sicher, was ich mit einer Bibliothek oder einem kleinen Projekt tun soll. Ich denke, Sie würden von den externen Helfern nicht wirklich profitieren. Für meine Anwendung habe ich jedoch herausgefunden, dass es nach dem Gippen tatsächlich kleiner ist, als wenn ich die Helfer einschließe.
Babel verfügt über einige Hilfsfunktionen, die bei Bedarf im oberen Bereich des generierten Codes platziert werden, sodass es in dieser Datei nicht mehrfach inline ist. Dies kann zu einem Problem werden, wenn Sie mehrere Dateien haben, insbesondere wenn Sie sie an den Browser senden. gzip erleichtert die meisten dieser Bedenken, ist aber immer noch nicht ideal.
(Hervorhebung hinzugefügt)
Das ist meine Lösung und ich bin damit zufrieden. (Mach dir im Grunde keine Sorgen).
Ich hatte die gleiche Frage vor einiger Zeit, und es gibt eine klare Antwort in der Dokumentation:
In der Webpack-Konfiguration können Sie es einfach als 'babel? optional = runtime'
verwendenBenutze Babel Runtime ,
%Vor%Da diese Helfer ziemlich lang werden können und sie am Anfang jeder Datei hinzugefügt werden, können Sie sie in eine einzige "Laufzeit" verschieben, die benötigt wird.
Beginnen Sie mit der Installation von babel-plugin-transform-runtime und babel-runtime:
Tags und Links javascript angularjs webpack babeljs