การนำเข้า CSS Styles ใน Webpack
ใน Webpack คุณสามารถนำเข้า CSS styles ตรงไปยังไฟล์ JavaScript ได้ อย่างนี้:
import './styles.css';
สไตล์ที่ถูกนำเข้าจะถูก
แทรกลงในไฟล์ JavaScript ที่ทำการ bundle แล้วโดยตรง
จากนั้นเมื่อนำ bundle ไปเชื่อมต่อกับ
ไฟล์ HTML สคริปต์จะแทรก
สไตล์เหล่านั้นลงในแท็ก style โดยอัตโนมัติ
อย่างไรก็ตาม Webpack ไม่สามารถ นำเข้าสไตล์ได้ง่ายขนาดนั้น สำหรับการทำสิ่งนี้ จำเป็นต้องตั้งค่าบางอย่าง ซึ่งเราจะทำในบทเรียนถัดไป