Uygulamayı culp-useref

Question

ile oluştururken CSS @import'a saygı gösterin Projemde jQuery UI kullanıyorum ve onu gulp ile yapıyorum.

<link rel="stylesheet" href="styles/vendor/jqueryui.css"/> 

sorun styles/vendor/jqueryui.css içeriği şuna benzer yani:

Ben gulp-useref eklenti ile inşa

<!-- build:css styles/vendor/jqueryui.css --> 
<link rel="stylesheet" href="bower_components/jqueryui/themes/base/jquery.ui.all.css"> 
<!-- endbuild --> 

, olarak değişir: Aşağıdaki şekilde onun stilleri kapsar

@import "jquery.ui.base.css";@import "jquery.ui.theme.css"; 

jquery.ui.base.css ve jquery.ui.theme.css dosyalarının bulunmadığından, bu içe aktarma açıkça dağıtım paketinde başarısız oluyor. bower_components/jqueryui/themes/base/'dan dist paketine taşınmamışlardı.

jQuery UI temasını olmadan dosyalarının belirtildiği şekilde doğru olarak nasıl eklenir jquery.*.css dosyaları?

Answer 1

Eğer gulp kullanıyorsanız, jQuery UI stilleri FIRST'u oluşturmalı ve ardından satıcı stillerini bir derleme dizinine aktarmalısınız. Bu şekilde, kaynağınızı açığa çıkarmayan derlenmiş bir CSS'niz (bower_components). TÜM jQuery stillerine ihtiyacınız yoksa, ayrı bir yontma görevinde açıkça ihtiyacınız olanları oluşturun, ardından ana stillerinize aktarın veya yapının geri kalanıyla devam edin. Bir bağımlılık zinciri varsa, bu sizin için önemli olabilir.

TL; HTML'niz DR, yalnızca kaynak değil, derlenmiş stillere bağlanmalıdır.