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;
}