Zastępowanie CSS z Grailsa Wtyczka Twitter-Bootstrap

Question

Mam aplikację Grails 2.2.1, która korzysta z wtyczki Twitter-Bootstrap, która dostarcza podstawowe elementy CSS i javascript z Bootstrap do aplikacji Grails, wraz z tagiem lib i kilka innych funkcji.

Chodzi o to, że chcę użyć niestandardowego pliku CSS, który oferuje nasze kolory firmowe, a teraz mogę to zrobić tylko przez wyciągnięcie własnego CSS z aplikacji, która przesłania elementy w własnym bootstrap.css wtyczki plik, co oznacza, że ​​wtyczka ładuje najpierw swój plik CSS, a druga aplikacja ładuje się sam. A te pliki są bardzo duże i ciężkie.

Moi użytkownicy, szczególnie ci na urządzeniach mobilnych, nie potrzebują dodatkowych 125 KB CSS i dodatkowego przetwarzania, które wiąże się z dwukrotnym wykonaniem każdej reguły.

Skoro mam już własną, niestandardową wersję wtyczki, czy jest coś, co mogę zrobić, aby plik bootstrap.css wtyczki nie dostał się do strony z własnym plikiem boostrap.css?

Answer 1

Wtyczka używa resources do zadeklarowania plików bootstrap Twittera. Na szczęście zasoby mają opcję nadpisywania definicji zadeklarowanych modułów.

Więc w ApplicationResources.groovy dodać:

modules = { 
    overrides { 
     'bootstrap-css' { 
      resource id: 'bootstrap-css', url:'/css/mycustombootstrap.css' 
     } 
    } 
}