- Trang chủ
- Hướng dẫn học
- Hướng dẫn học webpack
- Webpack css loader
Cài đặt và setting Webpack css loader
- Khi làm việc với Webpack, bạn cần tập làm quen với việc import
css ngay bên trong file javascript, việc này sẽ tiện lợi cho việc sắp xếp, dọn dẹp tự động có trong Webpack.
- Để xử lý việc import CSS bên trong một file Javascript, chúng ta cần:
- Cài đặt
style-loader
: Giúp thêm CSS vào DOM dưới dạng cấu trúc style. - Cài đặt
css-loader
: Giúp biên dịch @import
và url[]
.
- Để hiểu rõ hơn về
style-loader
và css-loader
, ta xem ví dụ như bên dưới nhé:
Loading CSS
- Trước tiên ta tạo file
style.css
bên
trong thư mục src
với nội dung sau:
Nội dung file /dist/index.html