Scss / css में फ़ाइल का नाम "_" या "_" क्यों रखा जाता है?


147

_Scss में फाइलनाम के सामने क्यों रखा गया?

_filename.scss- इसकी आवश्यकता क्यों है _?

जवाबों:


147

_ (अंडरस्कोर) scss के लिए एक आंशिक है। इसका मतलब है कि स्टाइलशीट को आयात किया जाना (@import) एक मुख्य स्टाइलशीट यानी स्टाइल.एसकेएस पर। भाग्यांक का उपयोग करने पर लाभ यह है कि आप अपने कोड को व्यवस्थित करने के लिए कई फाइलों का उपयोग कर सकते हैं और सब कुछ एक ही फाइल पर संकलित किया जाएगा।


3
लेकिन import '_file';और import '_file';क्या यह बात सही है?
tom10271

20
@aokaddaoc ऐसा लगता है जैसे आपने एक ही कोड लाइन लिखी हो :)
अमित

20
ओह, मेरी गलती को इंगित करने के लिए धन्यवाद। "लेकिन import '_file';और import 'file';एक ही बात सही है?"
टॉम 10271

5
अगर मैं अपनी फ़ाइलों को इस तरह से तैयार करता हूं कि मैं कभी भी केवल एक फाइल अपने कंपाइलर / प्रीप्रोसेसर को भेजता हूं, तो मेरी फाइल के साथ प्रीपेन्ड होने पर _क्या फर्क पड़ता है ? मैं अपने फ़ाइल नामों से अंडरस्कोर हटाने पर विचार कर रहा हूं। एक सास फ़ाइल एक आंशिक (यानी कोड का एक आयात योग्य टुकड़ा) है या नहीं, यह आपके प्रोजेक्ट की वास्तुकला में उसके स्थान पर निर्भर होना चाहिए, न कि फ़ाइल का नाम कैसे दिया जाए।
ESR

1
@ESR: सहमत, यह सुविधा आधुनिक वेब देव वातावरण में थोड़ी पुरानी है। _यदि आपको अपनी परियोजना उचित तरीके से संरचित है, तो आपको निश्चित रूप से एस की आवश्यकता नहीं है ।
क्रिस जैनेस

55

अंडरस्कोर के साथ शुरू होने वाली एक sass फ़ाइल एक आंशिक है। यह आपकी शैलियों को तार्किक वर्गों में अलग रखने का एक अच्छा तरीका है। जब आप उपयोग करते हैं तो ये फाइलें संकलन में विलीन हो जाती हैं @import

सास भाषा गाइड से:

आप आंशिक Sass फ़ाइलें बना सकते हैं जिनमें CSS के छोटे टुकड़े होते हैं जिन्हें आप अन्य Sass फ़ाइलों में शामिल कर सकते हैं। यह आपके CSS को modularize करने और चीजों को बनाए रखने में आसान बनाने में मदद करने का एक शानदार तरीका है। एक आंशिक एक सास फ़ाइल है जिसका नाम एक प्रमुख अंडरस्कोर है। आप इसे कुछ नाम दे सकते हैं जैसे कि _partial.scss। अंडरस्कोर सैस को यह बताने देता है कि फ़ाइल केवल एक आंशिक फ़ाइल है और इसे CSS फ़ाइल में जेनरेट नहीं किया जाना चाहिए। @ Partport निर्देश के साथ सैस पार्टिकल्स का उपयोग किया जाता है।

http://sass-lang.com/guide


13

जब आप फ़ाइल नाम के सामने "_" शामिल करते हैं, तो यह सीएसएस में उत्पन्न नहीं होगा जब तक कि आप इसे अन्य एसएएस फाइलों में आयात न करें जो कि आंशिक नहीं है।

मान लीजिए कि आपकी फ़ोल्डर संरचना इस प्रकार है

/scss
 style.scss
 _list.scss
/css

यदि आप कमांड चलाते हैं

sass --watch scss:css

केवल style.css और style.css.map फाइलें बनाई जाएंगी, sass कंपाइलर _list.scss को सीएसएस फाइल में उसकी सामग्री को परिवर्तित किए बिना छोड़ देगा।

/scss
 style.scss
 _list.scss
/css
 style.css
 style.css.map

एक ही तरीका है कि आप partials उपयोग कर सकते हैं उन्हें दूसरे में आयात करने के लिए है .scss फ़ाइल के साथ

@import 'list.scss';

यदि आप '_' को _list.scss के सामने हटाते हैं तो कमांड का परिणाम होगा

/scss
 style.scss
 list.scss
/css
 style.css
 style.css.map
 list.css
 list.css.map

भाग का उपयोग करने का मुख्य उद्देश्य हमारे सीएसएस कोड को कई टुकड़ों में तोड़ना है जो बनाए रखना आसान है। उम्मीद है की यह मदद करेगा। धन्यवाद।


2
यह सही जवाब है। लेकिन, आपने _index.scss के विशेष मामले का भी उल्लेख नहीं किया है: sass-lang.com/documentation/at-rules/import#index-files
tiffon

11

_ (अंडरस्कोर) वाली फ़ाइलों को कंपाइलर द्वारा अनदेखा किया जाता है। हालाँकि, उन सभी फ़ाइलों को एकल, मुख्य SCSS फ़ाइल (यानी स्टाइल.scs) में आयात किया जाता है, जो वास्तव में वह फ़ाइल है जिसे संकलित किया गया है (इसमें _ (अंडरस्कोर) नहीं है)

अंतिम लक्ष्य केवल एक एससीएसएस फ़ाइल को संकलित करना है, और इसके परिणामस्वरूप केवल एक सीएसएस फ़ाइल है, जिसमें विभिन्न फायदे हैं।


हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.