Toets van CSS-bundel-konstruksie in Webpack
Laat ons die konstruksie van CSS in 'n aparte bundel toets. Gestel ons het twee CSS-lêers.
Die eerste een:
src/styles1.cssbody {
background: red;
}
Die tweede een:
src/styles2.cssp {
color: green;
}
Voer dit in by die toegangspunt:
src/index.jsimport './styles1.css';
import './styles2.css';
Die projekbou-opdrag
sal alles in 'n aparte lêer
met die naam main.css saamstel:
dist/main.cssbody {
background: red;
}
p {
color: green;
}
Задание 1
Voer by jou toegangspunt in drie CSS-lêers.
Задание 2
Voer die bou uit in ontwikkelingsmodus. Bestudeer die CSS-bundellêer.
Задание 3
Voer die bou uit in produksiemodus. Bestudeer die CSS-bundellêer.