Override di CSS da Grails Plugin di bootstrap Twitter

Question

Ho un'applicazione Grails 2.2.1 che utilizza il plug-in di Twitter-Bootstrap, che fornisce gli elementi CSS e javascript di base di Bootstrap alle applicazioni Grails, insieme a una tag lib e alcune altre funzionalità.

Il fatto è che voglio utilizzare un file CSS personalizzato che offre i colori della nostra azienda, e in questo momento posso solo farlo inserendo il nostro CSS dall'app che sovrascrive gli elementi nel proprio file di bootstrap.css file, il che significa che il plugin carica prima il suo file CSS e l'app carica il suo secondo. E questi file sono molto grandi e pesanti.

I miei utenti, in particolare quelli su dispositivi mobili, non hanno bisogno dell'onere di 125k extra di CSS e dell'elaborazione aggiuntiva fornita con ciascuna regola due volte.

In mancanza di una mia versione personalizzata del plug-in, c'è qualcosa che posso fare per evitare che il file bootstrap.css del plugin entri nella pagina web con il mio file boostrap.css?

Answer 1

Il plug-in utilizza resources per dichiarare i file di bootstrap di Twitter. Fortunatamente le risorse hanno la possibilità di ridefinire le definizioni dei moduli dichiarati.

Quindi nel tuo ApplicationResources.groovy, aggiungere:

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