/ / कम्पास + एसएएसएस के साथ फाउंडेशन 5 का उपयोग कैसे करें? - ज़र्ब-नींव, कंपास-सास

कम्पास + एसएएसएस के साथ फाउंडेशन 5 का उपयोग कैसे करें? - ज़र्ब-नींव, कंपास-सास

समस्या

फाउंडेशन 5 पिछले हफ्ते जारी किया गया था, यह बहुत अच्छा है, लेकिन नए संस्करण का उपयोग करने की आवश्यकता है कुंज एसएएसएस के साथ एफ 5 का उपयोग करने के लिए और आधिकारिक दस्तावेज थोड़ा अपूर्ण और अपरिपक्व प्रतीत होता है।

मैं दस्तावेज़ों द्वारा प्रस्तावित चरणों का उपयोग करके एक परियोजना बनाने की कोशिश कर रहा हूं:

[sudo] npm install -g bower

और फिर

gem install foundation

यहां कोई समस्या नहीं है। एक कम्पास परियोजना बनाते समय समस्या है:

foundation new MY_PROJECT
cd MY_PROJECT
compass compile

कम्पास संकलन के बाद, मुझे निम्न त्रुटि मिलती है:

directory stylesheets/
error scss/app.scss (Line 1: File to import not found or unreadable: settings.
Load paths:
/home/cartucho/MY_PROJECT/scss
/var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/blueprint/stylesheets
/var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets
/home/cartucho/MY_PROJECT/bower_components/foundation/scss
Compass::SpriteImporter)
create stylesheets/app.css

कम्पास कॉन्फ़िगरेशन फ़ाइल (config.rb):

# Require any additional compass plugins here.
add_import_path "bower_components/foundation/scss"

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "javascripts"

SASS फ़ाइल (app.sass):

@import "settings";
@import "foundation";
...

समस्या में प्रतीत होता है config.rb:

add_import_path "bower_components/foundation/scss"

क्योंकि कम्पास फ़ाइलों को आयात करने में विफल रहता है settings तथा foundation लेकिन मुझे नहीं पता कि इसे कैसे ठीक किया जाए। किसी भी मदद की अत्यधिक सराहना की जाएगी।

धन्यवाद।

उत्तर:

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

आपको लाइन बदलने की जरूरत है foundation new MY_PROJECT बदलकर MY_PROJECT उस फ़ोल्डर के साथ जिसे आप प्रोजेक्ट इंस्टॉल करना चाहते हैं। उसके बाद, पुष्टि करें कि ये फ़ोल्डर्स ऊपर निर्दिष्ट निर्देशिका पर मौजूद हैं - "bower_components / foundation / scss"

एक परियोजना शुरू करते समय रन compass init और फिर compass watch (टर्मिनल में) पर परिवर्तन के लिए देखने के लिए .sass फ़ाइलें।

व्यक्तिगत रूप से, मैं उस मार्ग और उपयोग नहीं करता हूं http://koala-app.com/ मेरे सास को बदलने या "संकलित" करने के लिए। यह मुफ़्त और भयानक है।


जवाब के लिए 3 № 2

यह एसएएसएस के बारे में बात कर रहा था। कृपया मुझे सही करें यदि मैं गलत हूं लेकिन आपको "शामिल" फ़ाइल आयात करते समय अंडरस्कोर की आवश्यकता नहीं है। मैं अपने चर और मेरे मिश्रण-इन्स के लिए अलग सैस फाइलें बनाता हूं। वे prefixed और अंडरस्कोर हैं जो एक "शामिल" फ़ाइल का प्रतीक है। SASS @import "चर" को पहचानता है; @import "_variables.scss" के रूप में। इसलिए स्पष्ट होने के लिए जब यह एक फ़ाइल शामिल है, तो बस sass फ़ाइल का नाम _ या scss एक्सटेंशन की आवश्यकता नहीं है।

मैंने _filename.scss नामक फ़ाइल को शामिल करने से पहले कभी अंडरस्कोर नहीं रखा है।

शायद एक और मुद्दा चल रहा है। संभावित रूप से स्थापित करने और बोवर के लिए पथ के साथ। उन लोगों के लिए जिन्होंने अतीत में अंडरस्कोर जोड़ा था और यह काम किया ... अच्छी तरह से आप केवल सड़क को नीचे गहरा मुद्दा बन सकते हैं। आपको अपना इंस्टॉल जांचना होगा।


उत्तर № 3 के लिए 1

आपके में app.sass फ़ाइल निम्नलिखित पंक्ति को बदलती है

@import "settings";

सेवा मेरे

@import "_settings";

explaination

जब आप दौड़ते हैं compass watch आपको त्रुटि मिली

error scss/app.scss (Line 1: File to import not found or unreadable: settings.

इसका मतलब है कि यह सेटिंग फाइल नहीं ढूंढ सकता हैआयात किया जा रहा है। सेटिंग फ़ाइल में अंडरस्कोर जोड़कर आपने सही फ़ाइल पथ निर्दिष्ट किया है। यदि आपको इस तरह की कोई अन्य त्रुटियां मिलती हैं, तो सुनिश्चित करें कि फ़ाइल पथ सही है।


उत्तर के लिए 1 № 4

मुझे लगता है कि मुझे एक ही त्रुटि थी; आखिर में मैंने पाया _settings.scss

कार्यों को आयात करने से पहले आपको अंडरस्कोर करना होगा

पहले:

// Uncomment to use rem-calc() in your settings
@import "foundation/functions";

बाद:

// Uncomment to use rem-calc() in your settings
@import "foundation/_functions";

इसके अलावा आपको सेटिंग्स को उसी तरह आयात करने की आवश्यकता होगी।

मेरे उदाहरण में मैंने style.scss बनाया और सभी एससीएसएस को अंदर आयात किया:

@import "foundation/_settings",  "_normalize", "_foundation";

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

मुझे इस मुद्दे का सामना करना पड़ा, लेकिन मेरे लिए समाधान में सेटिंग्स के आयात को बदलना था app.scss से:

@import "settings";

सेवा मेरे:

@import "foundation/_settings";

एक बार जब आप इसे पूरा कर लें, तो चलाएं compass watch फिर।


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

आप अपनी परियोजना में ग्रंट स्थापित कर सकते हैंकंपास के घड़ी के फ़ंक्शन का उपयोग करता है और फिर कुछ अन्य चालाक सामान आपके सास को संकलित करने और ब्राउज़र में लाइवलोड करने के लिए उपयोग करता है! यहां यह एक महान ट्यूटोरियल है कि इसे कैसे प्राप्त करें और चलाना! (यह आपके प्रोजेक्ट की जड़ में दो नई फाइलें बनाने के रूप में सरल है और फिर अपनी कमांड लाइन से कुछ कमांड चला रहा है! मैं गंभीरता से सलाह देता हूं!)

http://moduscreate.com/get-up-and-running-with-grunt-js/


उत्तर के लिए 0 № 7

मुझे भी यही समस्या थी। उबंटू 14.04 उपयोगकर्ताओं के लिए सुनिश्चित करें कि नोडज और बोवर ठीक से काम कर रहे हैं। आप यहां इन निर्देशों का पालन कर सकते हैं http://www.codediesel.com/javascript/installing-bower-on-ubuntu-14-04-lts/comment-page-1/#comment-63283