Ist es in webpack.config.js möglich, ein Modul so einzurichten, dass jedes benötigte css automatisch geladen wird, wenn das Modul benötigt wird?Webpack-Modul CSS-Abhängigkeiten
Wenn ich zum Beispiel bootstrap lade, werden auch die benötigten CSS-Dateien von webpack geladen, ohne dass ich die extra require-Zeile selbst eingeben muss, wenn ich sie benötige.
Beispiel:
require('bootstrap'); // This should load bootstrap.js as well as bootstrap.css
Um CSS zu verlangen, in Webpack Sie einen bestimmten Lader müssen (wie bei allem anderen). Sobald Sie den Loader hinzugefügt haben, müssen Sie ihn nur in jeder benötigten Datei benötigen. Webpack lädt es automatisch für Sie, wenn Sie es benötigen, Sie müssen nur webpack mitteilen, dass es ein Bundle daraus machen soll und dieses Paket in Ihrem Index/Haupt-HTML benötigen.
Sie versuchen, bootstrap js und css mit der gleichen erfordern, glaube ich, Webpack hat keine Möglichkeit zu wissen, dass Sie versuchen, zwei verschiedene Dateien (auch wenn gemeinsame Dateien) zu laden. Ich glaube, Sie können require('bootstrap) und require('bootstrap.css') tun, aber ich glaube nicht, dass Sie beide in einem Schritt laden können.
frage ich nicht, wie CSS in webpack zu verlangen, ich frage, wie kann ich Setup webpack automatisch alle benötigten CSS zu laden, wenn ich ein Modul benötigen. Wenn ich also einen Bootstrap benötige, lädt webpack die bootstrap JS Datei und die bootstrap CSS Datei von dem einzigen require ('bootstrap') Befehl. –
Ja, mein Schlechter, verstand die Frage schrecklich, ich habe es bearbeitet – Mese
Es war meine Angst, es wäre unmöglich für jetzt ... Ich erinnere mich, RequireJS hat eine Option, Module zu shim und von dort alle Abhängigkeiten für dieses Modul. Ich hatte gehofft, dass Webpack die gleiche Funktionalität hat. –