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?
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
In Ihrer webpack.config.js -Datei:
Sie können die vollständige Liste der Optionen auf der Seite für das Extrahieren von Webpack-Fremddateien Github sehen
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>
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 .
Tags und Links webpack webpack-2 extract-text-plugin