5

モジュールや正気のグローバルスコープのようなものを実装するSASSまたはLESSに代わるものはありますか?

たとえば、SASS (または同等の LESS) でこれを行うと、次のようになります。

@import "foo.scss"

...インポートされたファイルからすべてのミックスイン、変数などをグローバルスコープにプッシュし、ロードまたは定義されたミックスイン/変数をオーバーライドまたは衝突させる可能性があります。これはめちゃくちゃだと思います。

もっとモジュラーなものが欲しいです。foo.scssmixin があると想像してくださいbar:

@mixin bar {
    // ...
}

この mixin を使用するには、"foo" 名前空間に対して相対的に呼び出します。もっと、またはこのように：

@import "foo.scss"

.bar {
    @include foo.bar;
}

言い換えるとfrom foo import *、Python で と同等に機能する代わりに、 a@import fooは実際には のように機能しimport fooます。

そう。このような名前空間を気にする CSS プリプロセッサはありますか?

4

2 に答える 2

3

LESS では、他の名前空間をインポートするファイルで名前空間を定義できます。

foo.less:

.bar() {
    // …
}

main.less:

.namespace {
    @import "foo";
}
// To use .bar-Mixin prefix namespace:
body {
    .namespace .bar();
    // .bar(); would throw an error
}

SASS/SCSS についてはわかりません。

于 2012-07-05T09:20:14.190 に答える