क्या Angular2 घटकों में इनलाइन सास का उपयोग करने का कोई तरीका है?

Question

मेरे पास एक वेबपैक स्टार्टर (https://github.com/AngularClass/angular2-webpack-starter) पर आधारित एक कोणीय 2 प्रोजेक्ट है। मैं यह समझने की कोशिश कर रहा हूं कि सैस को सीधे घटकों में कैसे उपयोग किया जाए (बाहरी .scss फ़ाइल को कॉल किए बिना)। एसएएस-लोडर को कॉल करने के लिए पहचानने के लिए मुझे प्राप्त किए गए प्रत्येक उदाहरण स्टाइल यूआरएल और एक्सटेंशन नाम ".scss" का उपयोग करते हैं।

Answer 1

sass-loader का उपयोग करें: require("!raw-loader!sass-loader!./file.scss"); यह file.scss से संकलित सीएसएस कोड देता है, एसएएसएस आयात को हल करता है।

styles: '//SASS style' निर्दिष्ट करते समय, वेबपैक का यह निर्धारित करने का कोई तरीका नहीं है कि शैली SASS में है और sass-loader का उपयोग किया जाना चाहिए।

import styles from './styles.sass'; 
@Component({ 
    styles: styles 
})