क्या निर्माण के दौरान एम्बर क्ली सास में पर्यावरण चर पारित करना संभव है?

Question

मैं एम्बर-क्ली-एसएएस

का उपयोग कर रहा हूं, मैं env चर के आधार पर कुछ एसएएस वैरिएबल को परिभाषित करना चाहता हूं।

मेरी theme1.scss फ़ाइल

@if 'theme1' == process.env.THEME { 
    $color-secondary: #eee; 
    $color-primary: #ff0; 
} 

कैसे मैं ब्रोकोली निर्माण प्रक्रिया

और मैं सास लिपि में env चर कैसे उपयोग कर सकते हैं करने के लिए अपने env भेज सकते हैं?

Answer 1

बेस ब्रोकोली-एसएएस कोड के लिए एम्बर-क्ली-एसएएस मॉड्यूल के माध्यम से कोड का पता लगाने के बाद मुझे पता चला कि हम sassOptions में sass को फ़ंक्शन पास कर सकते हैं।

var sass = require('node-sass'); 
var app = new EmberApp({ 

    sassOptions: { 
    functions: { 
     variable: function() { 
     return new sass.types.String(process.env.VARIABLE); 
     } 
    } 
    } 
}); 

और फिर हम sassScript

@if variable() == 'foo' { 
    ... 
}