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 বান্ডল ফাইলটি অধ্যয়ন করুন।