Phản ứng 17 mô-đun CSS không hoạt động
|
Nếu vì lý do này hay lý do khác, bạn cần trích xuất CSS dưới dạng tệp (i. e. không lưu trữ CSS trong mô-đun JS), bạn có thể muốn kiểm tra Show
Tùy chọnyarn add -D css-loader03Loại type url = | boolean | { filter: (url: string, resourcePath: string) => boolean; }; Vỡ nợ. yarn add -D css-loader11Cho phép bật/tắt xử lý các chức năng CSS yarn add -D css-loader03 và yarn add -D css-loader13. Nếu được đặt thành yarn add -D css-loader14, thì module.exports = { module: { rules: [ { test: /\.css$/i, loader: "css-loader", options: { url: { filter: (url, resourcePath) => { // resourcePath - path to css file // Don't handle `img.png` urls if (url.includes("img.png")) { return false; } // Don't handle images under root-relative /external_images/ if (/^\/external_images\//.test(path)) { return false; } return true; }, }, }, }, ], }, };6 sẽ không phân tích cú pháp bất kỳ đường dẫn nào được chỉ định trong yarn add -D css-loader03 hoặc yarn add -D css-loader13. Một hàm cũng có thể được chuyển để kiểm soát hành vi này một cách linh hoạt dựa trên đường dẫn đến nội dung. Bắt đầu với phiên bản, các đường dẫn tuyệt đối được phân tích cú pháp dựa trên thư mục gốc của máy chủVí dụ độ phân giải url(image.png) => require('./image.png') url('image.png') => require('./image.png') url(./image.png) => require('./image.png') url('./image.png') => require('./image.png') url('http://dontwritehorriblecode.com/2112.png') => require('http://dontwritehorriblecode.com/2112.png') image-set(url('image2x.png') 1x, url('image1x.png') 2x) => require('./image1x.png') and require('./image2x.png') Để nhập nội dung từ một đường dẫn yarn add -D css-loader18 (bao gồm yarn add -D css-loader19) và đối với yarn add -D css-loader20, hãy đặt trước nó một dấu ______21url(~module/image.png) => require('module/image.png') url('~module/image.png') => require('module/image.png') url(~aliasDirectory/image.png) => require('otherDirectory/image.png')
|
