Testen van CSS bundeling in Webpack
Laten we het bundelen van CSS in een aparte bundel testen. Stel dat we twee CSS-bestanden hebben.
De eerste:
body {
background: red;
}
De tweede:
p {
color: green;
}
Laten we ze importeren in het entry point:
import './styles1.css';
import './styles2.css';
De build-opdracht voor het project
zal alles in een apart bestand bundelen
met de naam main.css:
body {
background: red;
}
p {
color: green;
}
Importeer drie CSS-bestanden in je entry point.
Voer de build uit in de ontwikkelmodus. Bestudeer het CSS bundelbestand.
Voer de build uit in de productiemodus. Bestudeer het CSS bundelbestand.