Webpack: ExtractTextPlugin: Wird keine separate leere JS-Datei generiert, wenn mehrere css-Einstiegspunkte vorhanden sind?

9

Ich habe mehrere CSS-Einstiegspunkte:

%Vor%

und ich verwende ExtractTextPlugin, um CSS separat zu bündeln:

%Vor%

So wie Ausgabe habe ich 2 CSS-Dateien: styles.css und fonts.css das ist richtig, aber auch leer styles.js und fonts.js . Gibt es eine Möglichkeit, keine leeren JS-Dateien zu generieren?

    
Stepan Suvorov 09.03.2017, 09:27
quelle

3 Antworten

2

Ich habe ein Webpack-Plugin zusammengestellt, um zusätzliche Dateien auf der Basis ihrer endgültigen Ausgabegröße zu entfernen Ich hatte das gleiche Problem - angesichts der Tatsache, dass diese Dateien sehr klein sind, scheint es nur darum zu gehen, zu prüfen, wie groß sie sind und die kleinen, nutzlosen Dateien zu entfernen.

Installieren Sie mit npm oder yarn

%Vor%

In Ihrer webpack.config.js -Datei:

%Vor%

Sie können die vollständige Liste der Optionen auf der Seite für das Extrahieren von Webpack-Fremddateien Github sehen

    
Anuj 16.06.2017 16:51
quelle
1

Fügen Sie nur die wichtigsten Javascript-Dateien als Einträge hinzu und verlangen Sie alle Schriften und Stile über require('./style.css')

webpack.config.js:

%Vor%

Das würde Ihnen /static/main.bundle.css mit allen css (transitiv) geben, die von Ihrer app / main.js enthalten sind.

Gleiches gilt für Schriftarten, aber Sie benötigen eine zweite ExtractTextPlugin-Instanz wie:

%Vor%

Weitere Informationen hierzu finden Sie in der Dokumentation - Mehrere Instanzen / p>     

flob 13.03.2017 18:24
quelle
1

Ich glaube nicht, dass es eine Möglichkeit gibt, das zu tun, was Sie zu tun versuchen, die gleiche Frage wurde schon gestellt github issue tracker , ohne irgendeine Lösung. Wenn das Problem mit dem html-webpack-plugin ist, das die leeren js-Dateien hinzufügt, sollten Sie das mit , die explizit angibt, welche Chunks ein- oder ausgeschlossen werden sollen .

    
deadbeef 20.03.2017 13:48
quelle