5
Tôi sử dụng giao diện người dùng jQuery trong dự án của mình và xây dựng nó bằng gulp. Tôi bao gồm phong cách của mình theo cách sau:Tôn trọng CSS @import khi xây dựng ứng dụng với gulp-useref
<!-- build:css styles/vendor/jqueryui.css -->
<link rel="stylesheet" href="bower_components/jqueryui/themes/base/jquery.ui.all.css">
<!-- endbuild -->
Khi tôi xây dựng nó với gulp-useref plugin, nó thay đổi để:
<link rel="stylesheet" href="styles/vendor/jqueryui.css"/>
Vấn đề là rằng các nội dung của styles/vendor/jqueryui.css trông như thế này:
@import "jquery.ui.base.css";@import "jquery.ui.theme.css";
Các mục nhập này rõ ràng không thành công trong gói phân phối vì không có các tệp jquery.ui.base.css và jquery.ui.theme.css. Họ không được chuyển đến gói dịch vụ từ bower_components/jqueryui/themes/base/.
Cách bao gồm chủ đề giao diện người dùng jQuery chính xác mà không cần chỉ định tất cả jquery.*.css tệp?