4

Grunt-contrib-sassでコンパイルする前に、GruntFile.jsからSASS内で変数を指定することは可能ですか?

たとえば、CSS で絶対パスが必要な場合、dev ビルドまたは deploy ビルドに基づいて Gruntfile によってパスを定義できます。

LESS ( https://github.com/gruntjs/grunt-contrib-less ) に精通している人にとって、これは LESS と同等の SASS になりますmodifyVars

GruntFile の例

...
sass: {
    deploy: {
        vars: {
           absolute: "http://www.example.com/"
        }
    },
    dev: {
        vars: {
            absolute: "/local_path/"
        }
    }
}
...

例 SASS

.element {
    background-image: url("#{absolute}image.jpg");
}
4

1 に答える 1