CSS სტილების იმპორტის ტესტირება Webpack-ში

მოდით გავტესტოთ CSS სტილების იმპორტი JavaScript ფაილში. შევქმნათ ფაილი სტილებით:

src/styles.cssbody {
  background: red;
}

იმპორტირება მისი:

src/index.jsimport './styles.css';

ახლა, თუ პროექტის აწყობის შემდეგ ბრაუზერში გავხსნით HTML ფაილს, რომელსაც უკავშირდება აწყობის ფაილი, ჩვენ ვნახავთ ჩვენი სტილების მუშაობის შედეგს.

Задание 1

შეასრულეთ აღწერილი ტესტირება. დააიმპორტეთ რამდენიმე CSS ფაილი.

Задание 2

გახსენით რედაქტორში აწყობის ფაილი და ძიების გამოყენებით იპოვეთ მასში თქვენი CSS სტილები.

Задание 3

გახსენით ბრაუზერის დებაგერი და იპოვეთ HTML გვერდზე თქვენი CSS სტილები.