/ / फाउंडेशन 5 कस्टम सैस परियोजना सेटअप - ज़र्ब-नींव, कंपास-एसएएस, कंपास, ज़र्ब-फाउंडेशन -5

फाउंडेशन 5 कस्टम सैस परियोजना सेटअप - ज़र्ब-नींव, कंपास-एसएएस, कंपास, ज़र्ब-फाउंडेशन -5

मेरे पास एक प्रोजेक्ट है जिसका मैं उपयोग करना चाहता हूंनींव 5 के साथ। मैं सीएलआई का उपयोग करके एक नई नींव परियोजना बनाने के कदमों के माध्यम से हूं लेकिन मुझे यह पसंद नहीं है। बहुत सारी फाइलें हैं और संरचना जो मैं चाहता हूं उससे मेल नहीं खाती है। तो ...

मैं अपनी परियोजना में केवल आवश्यक फाइलों को जोड़ने का इरादा रखता हूं और सभी सीएसएस संकलित करने के लिए कंपास का उपयोग करता हूं।

मैंने सीएलआई पर बनाई गई परियोजना में कुछ चीजें देखी हैं जो मुझे भ्रमित करती हैं और उन्हें साफ़ करने में कुछ मदद चाहती हैं।

  • सीएलआई पर बनाई गई परियोजना में दो हैं _settings.scss bower_components और एक में नींव निर्देशिका के तहत एक फाइलें MY_PROJECTscss। मैं मान रहा हूं कि इस वजह से add_import_path "bower_components/foundation/scss" में लाइन config.rb, उन फ़ाइलों में से कौन सा प्राथमिकता है?

  • क्यों करता है MY_PROJECT/stylesheets इसमें normalize.css (या foundation.css) नहीं है? और वे वहां कैसे नहीं हैं? (मेरे कस्टम सेटअप में वे उत्पन्न हो रहे हैं, यद्यपि उपनिर्देशिका में stylesheets, यह भी foundation.css मेरे लिए जेनरेट किया जा रहा है इसमें कोई भी सेटिंग लागू नहीं है, इसलिए मुझे लगता है कि इसे उत्पन्न नहीं किया जाना चाहिए)

उत्तर:

जवाब के लिए 0 № 1

यदि आप अंदर देखो bower_componentsfoundationscss आप फाइल देखेंगे foundation.scss। वह फ़ाइल फाउंडेशन 5 "पैकेज" में आने वाले सभी अतिरिक्त घटकों के लिए सभी स्टाइलशीट आयात करती है। आपकी जड़ में scss निर्देशिका, द app.scss एसएएसएस को संकलित करता है stylesheetsapp.css। तो इसके बजाए:

@import "foundation";

उन व्यक्तिगत घटकों को अनमोलमेंट करें जिनका आप उपयोग करेंगे। कुछ ऐसा:

@import
//"foundation/components/accordion",
//"foundation/components/alert-boxes",
"foundation/components/block-grid",
//"foundation/components/breadcrumbs",
//"foundation/components/button-groups",
//"foundation/components/buttons",
"foundation/components/clearing",
"foundation/components/dropdown",
//"foundation/components/dropdown-buttons",
//"foundation/components/flex-video",
"foundation/components/forms",
"foundation/components/grid",
//"foundation/components/inline-lists",
//"foundation/components/joyride",
//"foundation/components/keystrokes",
//"foundation/components/labels",
//"foundation/components/magellan",
//"foundation/components/orbit",
//"foundation/components/pagination",
//"foundation/components/panels",
//"foundation/components/pricing-tables",
//"foundation/components/progress-bars",
"foundation/components/reveal",
"foundation/components/side-nav",
//"foundation/components/split-buttons",
"foundation/components/sub-nav",
//"foundation/components/switches",
"foundation/components/tables",
//"foundation/components/tabs",
//"foundation/components/thumbs",
//"foundation/components/tooltips",
"foundation/components/top-bar",
"foundation/components/type",
"foundation/components/offcanvas",
"foundation/components/visibility";

यदि आप अपनी फ़ाइल संरचना को व्यवस्थित करना चाहते हैं, तो मैं सुझाव दूंगा कि आप किसी भी एसएसएस फाइल को हटा दें bower_componentsfoundationscssfoundationcomponents निर्देशिका जिसका आप उपयोग नहीं करेंगे। के साथ ही js निर्देशिका। आपको वास्तव में कुछ भी संशोधित करने की आवश्यकता नहीं है bower_components काम करने के लिए सब कुछ पाने के लिए निर्देशिका। पूरी तरह से यकीन नहीं है कि यह सब क्यों निहित है bower_components, लेकिन मुझे लगता है कि भविष्य में रिलीज के साथ बाद में कोर घटकों को अपडेट करने में सक्षम होने के साथ कुछ करना है।

कोई और शायद अधिक शिक्षित उत्तर दे सकता है।

अनुलेख - यह सुनिश्चित कर लें compass watch अपने एसएएल फाइलों में किए गए किसी भी बदलाव को देखने के लिए अपने सीएलआई में।


संबंधित सवाल


टिप्पणियाँ (0)

एक टिप्पणी जोड़े