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

Webpack-ში შესაძლებელია CSS სტილების იმპორტი პირდაპირ JavaScript ფაილში. აი, ასე:

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

იმპორტირებული სტილები პირდაპირ JavaScript-ის აწყობის ფაილში ჩაისვამება. შემდეგ, როდესაც bundle უკავშირდება HTML ფაილს, სკრიპტი თავად ჩაასვამს ამ სტილებს style თეგში.

თუმცა, Webpack-ს ასე მარტივად არ შეუძლია სტილების იმპორტი. ამისთვის საჭიროა გარკვეული პარამეტრების კონფიგურაცია. ამით ჩვენ შემდეგ გაკვეთილებში დავიკავებთ.