CSS-ის ბანდლში აწყობის ტესტირება Webpack-ში

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

პირველი:

body {
	background: red;
}

მეორე:

p {
	color: green;
}

შევიმპორტოთ ისინი შესასვლელ წერტილში:

import './styles1.css';
import './styles2.css';

პროექტის აწყობის კომანდა შეაგროვებს ყველაფერს ცალკე ფაილში სახელად main.css:

body {
	background: red;
}
p {
	color: green;
}

შეიპორტეთ თქვენს შესასვლელ წერტილში სამი CSS ფაილი.

შეასრულეთ აწყობა განვითარების რეჟიმში. გაეცანით CSS ბანდლის ფაილს.

შეასრულეთ აწყობა პროდაქშენ რეჟიმში. გაეცანით CSS ბანდლის ფაილს.