2016-05-22 17 views
0

@bootstrap.lessを私のメインファイルにインポートするとき、グリフィンのようないくつかのファイルのインポートをスキップしたいと思います。「Cripple」固有のLESSインポート。ブートストラップ

代わりのコピー(またはブー、ヒス、の変更)bootstrap.less私は、その特定のインポートNOOPを作るために私の@import 'bootstrap.less';@cripple-import 'bower_components/bootstrap/less/glyphicons.less';のようなものを指定したいと思います。

Lessプラグインがありますか、それともOOTBに対応していますか?

+0

専用の機能が(これは既存のライブラリを乱用するその場しのぎの機能と言語を膨満感より、ライブラリのデザインではなく、さらに別のまでのように)ありません。しかし、デフォルトの '@import(once)'の動作を乱用することができます。私。いずれかのファイルを 'bootstrap.less'の前にインポートすると(例えば' .skipme(){@import: 'glyphicons.less';} 'はCSSを生成しません)、それ以上のインポートは無視されます。 –

+0

一般に、 'bootstrap.less'の独自の修正コピーを持つことには何も悪いことはありません - コンパイルする必要があるコンポーネントのリストです(したがって、"ライブラリファイルを変更しない "明確で簡単なメンテナンスがあります - この特定のケースでは、あなたが望むコンポーネントのあなたの明示的なリストが勝者です)。 –

+0

@ seven-phases-maxあなたはSCSSでこれを行う方法を知っていますか? –

答えて

1

@ seven-phases-maxはもっと良いことがあるようですが、私は自分自身で答えを書いていきます。

次のコードの作品は膨潤:

.cripple-imports() { 
    @import "../Vendor/bootstrap/less/glyphicons.less"; 
    @import "../Vendor/bootstrap/less/panels.less"; 
    @import "../Vendor/bootstrap/less/carousel.less"; 
    @import "../Vendor/bootstrap/less/list-group.less"; 
    @import "../Vendor/bootstrap/less/tooltip.less"; 
    @import "../Vendor/bootstrap/less/progress-bars.less"; 
    @import "../Vendor/bootstrap/less/code.less"; 
    @import "../Vendor/bootstrap/less/badges.less"; 
    @import "../Vendor/bootstrap/less/jumbotron.less"; 
    @import "../Vendor/bootstrap/less/thumbnails.less"; 
    @import "../Vendor/bootstrap/less/wells.less"; 
} 

@import "../Vendor/bootstrap/less/bootstrap.less"; 
+0

Sassにとっては、このようなオプションはありません。あなたは@includeを直接使用するのを止め、何らかのカスタムミックスインを利用する必要があります。 –

関連する問題