GrailsからCSSをオーバーライドするTwitter-Bootstrap Plugin

Question

Grailsアプリケーションには、Bootstrapの基本的なCSS要素とjavascript要素をタグlibと共に提供するTwitter-Bootstrapプラグインを使用するGrails 2.2.1アプリケーションがありますその他いくつかの機能があります。

私の会社の色を提供するカスタムCSSファイルを使用したいのですが、今はプラグイン独自のbootstrap.cssの要素を上書きする独自のCSSをアプリケーションから取り込むことでしかできませんこれは、プラグインが最初にCSSファイルを読み込み、アプリが独自に読み込むことを意味します。これらのファイルは非常に大きく重いです。

私のユーザー、特にモバイルデバイスのユーザーは、余分な処理と同時に各ルールを2回実行することに伴う余分な125k CSSの負担を必要としません。

独自のカスタムバージョンのプラグインをビルドするのに手間がかかりますが、プラグインのbootstrap.cssファイルが自分のboostrap.cssファイルでWebページに挿入されないようにするには何かできますか？

Answer 1

プラグインは、resourcesを使用して、Twitterのブートストラップファイルを宣言します。幸いにも、リソースには、宣言されたモジュールの定義を上書きするオプションがあります。

だからあなたApplicationResources.groovyに、追加します。

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