การทดสอบการนำเข้า 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