CSS von Grails überschreiben Twitter-Bootstrap-Plugin

Question

Ich habe eine Grails 2.2.1-Anwendung, die das Twitter-Bootstrap-Plugin verwendet, das die grundlegenden CSS- und JavaScript-Elemente von Bootstrap zu Grails-Anwendungen zusammen mit einer Tag-Lib bereitstellt und einige andere Eigenschaften.

Die Sache ist, ich möchte eine benutzerdefinierte CSS-Datei verwenden, die unsere Unternehmensfarben bietet, und das kann ich jetzt nur tun, indem Sie unser eigenes CSS aus der App ziehen, das die Elemente in der eigenen bootstrap.css des Plugins überschreibt Datei, was bedeutet, dass das Plugin seine CSS-Datei zuerst lädt und die App zweitens seine eigenen lädt. Und diese Dateien sind sehr groß und schwer.

Meine Benutzer, insbesondere die auf mobilen Geräten, benötigen nicht die Last von zusätzlichen 125.000 CSS, zusammen mit der zusätzlichen Verarbeitung, die mit der zweimaligen Ausführung jeder Regel verbunden ist.

Kurz von der Erstellung meiner eigenen benutzerdefinierten Version des Plugins, gibt es irgendetwas, was ich tun kann, dass die bootstrap.css-Datei des Plugins in die Webseite mit meiner eigenen butrap.css-Datei gelangen kann?

Answer 1

Das Plugin verwendet resources, um die Bootstrap-Dateien von Twitter zu deklarieren. Zum Glück haben Ressourcen die Möglichkeit, Definitionen deklarierter Module zu überschreiben.

Also in Ihrem ApplicationResources.groovy hinzu:

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