मैं ASPNetCore प्रोजेक्ट में बूटस्ट्रैप मिक्सिन कैसे शामिल करूं?

मेरे पास वेब कंपाइलर स्थापित है। मैंने एक scss फ़ोल्डर जोड़ा और यहां से alerts-variant मिक्सिंग कोड कॉपी किया:

https://martijncuppens.github.io/bootstrap-mixins-documentation/docs/4.1/mixins/#alert-variant

फिर मैं राइट-क्लिक -> वेब कंपाइलर -> रीकंपाइल करता हूं

और _alerts.css खाली है।

जब मैं http://beautifytools.com/scss-compiler.php का उपयोग करता हूं तो वही होता है।

मैं क्या गलत कर रहा हूं?

मैं एक AdminLTE प्रोजेक्ट टेम्प्लेट का उपयोग कर रहा हूं, और मैं संपूर्ण AdminLTE+बूटस्ट्रैप बंडल को तब तक अनुकूलित और पुन: संकलित नहीं करना चाहता, जब तक कि मुझे बिल्कुल न करना पड़े।

0
epicTurk 15 जिंदा 2021, 02:37

1 उत्तर

सबसे बढ़िया उत्तर

मुझे लगता है कि आप इस बारे में थोड़े भ्रमित हैं कि मिश्रण क्या है। आपको वास्तव में इसे @import निर्देश के माध्यम से एक sass में कॉल करने की आवश्यकता है और इसे css में संकलित किया जाएगा। यदि आप मिक्सिन को कॉल नहीं करते हैं तो एससीएसएस कंपाइलर इसे प्रोजेक्ट में शामिल नहीं करेगा क्योंकि यह अनावश्यक है। टेम्पलेट एएसपीनेट कोर में जादुई रूप से मिश्रण नहीं करेगा, आपको सभी एससीएसएस शामिल करना होगा और फिर उदाहरणों की नकल करने के लिए कुछ रेज़र सिंटैक्स का उपयोग करना होगा। यदि आप scss को नए मिश्रणों के साथ बदलना चाहते हैं, तो आपको उन्हें कॉल करना होगा और शैलियों को विशिष्टता

1
Juanjo 15 जिंदा 2021, 02:47
धन्यवाद, यह मेरे लिए नया है, और मैंने सोचा कि मैं कम से कम पूरे बंडल की आवश्यकता के बिना संस्करण को संकलित कर सकता हूं। मेरे पास सीडीएन पर बूटस्ट्रैप का संदर्भ देने वाला एक और प्रोजेक्ट है, मुझे स्रोत में संदर्भित परिवर्तन-संस्करण एससीएसएस दिखाई देता है। मैं अपने नए प्रोजेक्ट में उस अलर्ट शैली को प्राप्त करना चाहता हूं: stackpath.bootstrapcdn.com/ बूटस्ट्रैप/scss/mixins/_alert.scss
 – 
epicTurk
15 जिंदा 2021, 02:57
1
मिश्रण को बूटस्ट्रैप द्वारा बुलाया जाता है। यदि आप बूटस्ट्रैप अलर्ट घटक का उपयोग करते हैं तो यह मिक्सिन का उपयोग करेगा। बूटस्ट्रैप में शैलियों को थीम द्वारा बदला जाता है। आपके द्वारा डाउनलोड किया गया AdminLTE टेम्प्लेट उनके द्वारा बनाई गई थीम के साथ उनके बूटस्ट्रैप के संस्करण का उपयोग करेगा। आपको बस बूटस्ट्रैप अलर्ट घटक को कॉल करने की आवश्यकता है (getbootstrap.com/docs/4.0/components/alerts ) सुनिश्चित करें कि आप टेम्पलेट की स्वयं की css फ़ाइलों में हस्तक्षेप नहीं करते हैं।
 – 
Juanjo
15 जिंदा 2021, 03:02
तो, मेरी समस्या एक लापता मिश्रण नहीं है, लेकिन एक अवांछित है जिसे मैं अपने प्रोजेक्ट से नहीं हटा सकता। ब्राउज़र में, डिफ़ॉल्ट अलर्ट शैली को _direct-chat.scss द्वारा अधिलेखित कर दिया जाता है, लेकिन मैं यह नहीं समझ सकता कि उस घटक को मेरे प्रोजेक्ट से कैसे हटाया जाए।
 – 
epicTurk
15 जिंदा 2021, 03:51
1
यही वह टेम्प्लेट है जिसे आपने डाउनलोड किया है। आपको शैलियों को या तो विशिष्टता से ओवरराइड करने की आवश्यकता है या यदि आप इसका पता नहीं लगा सकते हैं... ठीक है... के साथ !महत्वपूर्ण आपकी शैलियों में जोड़ा गया है।
 – 
Juanjo
15 जिंदा 2021, 14:30