2017-08-22 5 views
0

Ich bin neu bei Webpack und habe "webpack": "^3.5.5" Paket installiert. Hier ist meine webpack.config.js.Verwendung von 2 CSS-Dateien in Webpack

Es funktioniert gut für eine CSS-Datei, aber ich möchte 2 CSS-Dateien laden. 1- Bootstrap 2- style.css

Ich habe versucht, einige Konfiguration, die ich auf Github gefunden, aber es hat nicht geholfen. Wie kann ich das machen?

Antwort

1

Das Laden der CSS-Datei erfolgt durch Importieren aus einer js-Datei. Also, wenn Sie die Datei ‚style.css‘ verwenden möchten, importieren sie aus einer js-Datei wie:

import './style.css'; 

Dann webpack wird die CSS-Loader verwenden in Ihre Stile zu bringen.

+0

Ich habe das getan. Aber es lädt nicht beide. Ich habe für beide benötigt und es lädt nur einen, der oben bleibt. –

+0

Ich bin mir nicht sicher, wie Sie Bootstrap einbinden. Mit Bootstrap möchten Sie wahrscheinlich nur ein Link-Tag im Kopf verwenden, wenn die HTML-Datei es einbringen soll. Wenn Sie es tatsächlich über Webpack einbinden wollen, müssen Sie es auf die gleiche Weise importieren und auf die Haupt-CSS-Datei verweisen wo auch immer es lebt. Wenn es in node_modules ist, brauchen Sie keinen vollständigen Pfad, da Webpack standardmäßig dort sucht. – BoxerBucks