प्रतिक्रिया + वेबपैक का उपयोग करते समय, कस्टम एसएसएस आयात करने के लिए पूर्ण पथ का उपयोग कैसे करें?

Question

एक एसएसएस फ़ाइल के अंदर, मैं एसएसएस के कस्टम, व्यापक रूप से इस्तेमाल किए गए हिस्से को आयात करने की कोशिश कर रहा हूं (एक प्रतिक्रिया/SASS/वेबपैक स्टैक में)।

ताकि मैं एक साझा मिश्रित का उपयोग कर सकूं।

मान लें कि मैं एक MyAdmin बटन बना रहा हूं और मैं स्क्रिप्ट फ़ाइल आयात करना चाहता हूं जो परियोजना के सभी बटनों से संबंधित है। (यह कस्टम एसएसएस है, विक्रेता/बाहरी नहीं)।

यह इस तरह दिखेगा:

//this actually works but it is a code smell : what if the current file moves ? 
@import "../../stylesheets/_common-btn-styles.scss"; 

.my-admin-btn { 
    // here I can use a shared mixin defined in _common-btn-styles.scss 
} 

यह अच्छा नहीं के बाद से अगर मेरे एससीएसएस फ़ाइल चाल है, तो सब कुछ टूट गया है लगता है।

आपकी मदद के लिए धन्यवाद

Answer 1

मिला। https://github.com/jtangelder/sass-loader

यहाँ प्रासंगिक हिस्सा है: वास्तव में आप को यहां बताए गए, webpack.config.json में सास-लोडर कॉन्फ़िगर कर सकते हैं

sassLoader: { 
    includePaths: [path.resolve(__dirname, "./some-folder")] 
}