Nhập PostCSS là gì?
từ chối trách nhiệm. postcss-loader là gói của bên thứ ba do các thành viên cộng đồng duy trì, gói này có thể không có hỗ trợ, chính sách bảo mật hoặc giấy phép giống như gói webpack và gói này không được webpack duy trì Show
trò chuyện trên webpack. Trò chuyện PostCSS. Trình tải để xử lý CSS với 5Bắt đầuBạn cần webpack v5 để sử dụng phiên bản mới nhất. Đối với Webpack v4, bạn phải cài đặt postcss-loader v4 Để bắt đầu, bạn cần cài đặt 6 và 7
hoặc
hoặc
Sau đó thêm plugin vào cấu hình 8 của bạn. Ví dụ
tập tin. js
gói web. cấu hình. js Sử dụng thay thế với postcss. cấu hình. js Trình tải tự động tìm kiếm các tệp cấu hình gói web. cấu hình. js
Và chạy 8 thông qua phương pháp ưa thích của bạnTùy chọnmodule.exports = { module: { rules: [ { test: /\.css$/i, use: ["style-loader", "css-loader", "postcss-loader"], }, ], }, };1Loại 2Mặc định. 2Kích hoạt hỗ trợ Trình phân tích cú pháp PostCSS trong 3. Nếu bạn sử dụng kiểu JS trình phân tích cú pháp 4, hãy thêm tùy chọn 1gói web. cấu hình. js 7module.exports = { module: { rules: [ { test: /\.css$/i, use: ["style-loader", "css-loader", "postcss-loader"], }, ], }, };6Loại 9Mặc định. 2Cho phép thiết lập và plugin Tất cả các tùy chọn 5 đều được hỗ trợ. Có tùy chọn 20 đặc biệt cho các tệp cấu hình. Cách thức hoạt động và cách cấu hình được mô tả bên dướiChúng tôi khuyên bạn không nên chỉ định các tùy chọn 21, 22 và 23 vì điều này có thể dẫn đến sai đường dẫn trong bản đồ nguồn. Nếu bạn cần bản đồ nguồn, vui lòng sử dụng tùy chọn
import css from "file.css"; |