CSS-ի փաթեթավորման թեստավորում Webpack-ում

Եկեք թեստավորենք CSS-ի հավաքումը առանձին փաթեթում: Ենթադրենք՝ մենք ունենք երկու CSS ֆայլ:

Առաջինը.

src/styles1.cssbody {
  background: red;
}

Երկրորդը.

src/styles2.cssp {
  color: green;
}

Դրանք իմպորտավորենք մուտքի կետում.

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

Նախագիծը հավաքելու հրամանը ամեն ինչ կհավաքի առանձին ֆայլում main.css անունով.

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

Իմպորտավորեք ձեր մուտքի կետ երեք CSS ֆայլ:

Задание 2

Կատարեք հավաքում զարգացման ռեժիմում: Ուսումնասիրեք CSS փաթեթի ֆայլը:

Задание 3

Կատարեք հավաքում արտադրության ռեժիմում: Ուսումնասիրեք CSS փաթեթի ֆայլը: