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.