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

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

body {
	background: red;
}

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

import './styles.css';

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

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

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

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