การทดสอบการนำเข้า CSS styles ใน Webpack

มาทดสอบการนำเข้า CSS styles ในไฟล์ JavaScript กัน สร้างไฟล์สำหรับสไตล์:

src/styles.cssbody {
  background: red;
}

นำเข้าไฟล์นั้น:

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

ตอนนี้ ถ้าหลังจากการ build โปรเจค เปิดไฟล์ HTML ในเบราว์เซอร์ ที่เชื่อมต่อกับไฟล์ build เรา จะเห็นผลลัพธ์ ของสไตล์ที่เราเขียน

Задание 1

ทำการทดสอบตามที่อธิบายไว้ นำเข้าไฟล์ CSS หลายๆไฟล์

Задание 2

เปิดไฟล์ build ใน editor และใช้ฟังก์ชันค้นหา เพื่อหา CSS styles ของคุณในนั้น

Задание 3

เปิดเบราว์เซอร์ดีบักเกอร์ และหา CSS styles ของคุณบนหน้า HTML