अग्रणी अंडरस्कोर

Question

का उपयोग करके Sass @import मैं समझता हूं कि अग्रणी अंडरस्कोर का उपयोग किए बिना SASS/SCSS आंशिक आयात करने का सबसे अच्छा अभ्यास है; जैसे

@import 'normalize-scss/normalize'; // this imports ./normalize-scss/_normalize.scss

nerdy संपूर्णता के लिए मेरा प्रश्न है, वहाँ consequenties अगर फाइल अंडरस्कोर का उपयोग कर आयात किया जाता है कर रहे हैं?

@import 'normalize-scss/_normalize';

Answer 1

सं अपनी फ़ाइल _foo.scss है तो इन आयात के सभी समान परिणाम तब तक है आप किसी भी अस्पष्ट फ़ाइल नाम (कोई साइड इफेक्ट है कि मौजूद हो सकता है को छोड़कर) की जरूरत नहीं है के रूप में:

@import "foo"; 
@import "foo.scss"; 
@import "_foo"; 
@import "_foo.scss"; 

एक ही नाम पर अलग विस्तार

केवल समय ही विस्तार के लिए आवश्यक है के साथ फ़ाइलें अगर तुम दोनों _foo.scss और एक ही खोज पथ में _foo.sass है।

ही नाम के साथ

error sass/test.scss (Line 7: It's not clear which file to import for '@import "test/bar"'. 
Candidates: 
    test/_bar.sass 
    test/_bar.scss 
Please delete or rename all but one of these files. 
) 

फ़ाइलें, लेकिन एक एक अंडरस्कोर

तुम दोनों foo.scss और _foo है, तो साथ उपसर्ग है: यदि आप जो कोई निर्दिष्ट नहीं करते आपको निम्न त्रुटि मिल जाएगा। scss, तो foo.scss प्राथमिकता ले जाएगा। अगर आप इसके बजाय _foo.scss चाहते हैं, तो आपको अपने आयात विवरण में अंडरस्कोर जोड़ना होगा।

@import "test/_foo"; 

सास एक हर बार जब आप कोई बात नहीं क्या आपके आयात बयान लगता है कि बचाने चेतावनी के साथ नाग होगा:

WARNING: In /path/to/test: 
    There are multiple files that match the name "bar.scss": 
    _bar.scss 
    bar.scss 

Answer 2

आप फ़ाइल नाम के शुरू करने के एक अंडरस्कोर जोड़ते हैं, तो सास जीता ' टी संकलित करें। तो, आप नहीं colors.scss, colors.css को संकलित फ़ाइल _colors.scss बजाय नाम के लिए चाहते हैं। इस तरह नाम की गई फाइलों को सैस शब्दावली में आंशिक कहा जाता है।

सास में आयात सुविधा के बारे में अधिक आप here