Testimi i ndërtimit të CSS në bundle në Webpack

Le të testojmë ndërtimin e CSS në një bundle të veçantë. Le të themi se kemi dy skedarë CSS.

I pari:

src/styles1.cssbody {
  background: red;
}

I dyti:

src/styles2.cssp {
  color: green;
}

Le t'i importojmë ato në pikën hyrëse:

src/index.jsimport './styles1.css';
import './styles2.css';

Komanda për ndërtimin e projektit do të mbledhë të gjitha në një skedar të veçantë me emrin main.css:

dist/main.cssbody {
  background: red;
}
p {
  color: green;
}
Задание 1

Importoni në pikën tuaj hyrëse tre skedarë CSS.

Задание 2

Kryeni ndërtimin në modalitetin e zhvillimit. Studioni skedarin CSS bundle.

Задание 3

Kryeni ndërtimin në modalitetin e prodhimit. Studioni skedarin CSS bundle.