การทดสอบการบิลด์ CSS เป็นบันเดิลใน Webpack

มาทดสอบการบิลด์ CSS เป็นบันเดิลแยกกันเถอะ สมมติว่าเรามีไฟล์ CSS สองไฟล์

ไฟล์แรก:

body {
	background: red;
}

ไฟล์ที่สอง:

p {
	color: green;
}

นำเข้าไฟล์เหล่านั้นไปยังจุดเข้า:

import './styles1.css';
import './styles2.css';

คำสั่งสำหรับการบิลด์โปรเจค จะรวมทุกอย่างไว้ในไฟล์แยก ที่มีชื่อว่า main.css:

body {
	background: red;
}
p {
	color: green;
}

นำเข้า CSS สามไฟล์ ไปยังจุดเข้าของคุณ

ทำการบิลด์ในโหมดพัฒนาซอฟต์แวร์ ศึกษาผลไฟล์ CSS บันเดิล

ทำการบิลด์ในโหมดโปรดักชัน ศึกษาผลไฟล์ CSS บันเดิล