2015-03-08 7 views
7

मैं संसाधन द्वारा जेएस और टेम्पलेट्स समूह के लिए एम्बर-क्ली की फली संरचना का उपयोग कर रहा हूं, जो एक बड़ा सुधार है। संसाधन से संबंधित तर्क का आखिरी वेश्या सीएसएस (एससीएसएस) फाइल है, जो पहले से ही पॉड-जैसी लाइनों के साथ टूट गई है, लेकिन अभी भी app/styles में फंस गई है।एम्बर-क्ली: फोड में सीएसएस कैसे रखें

मेरा विचार है कि style.css नाम के तहत सीएसएस फ़ाइलों को प्रत्येक फली में स्थानांतरित करना है। मेरा सवाल यह है कि एसएएसएस (@import के माध्यम से) निर्देशों, और/या ब्रोकोली को फोड के भीतर एससीएसएस फाइलों को देखने के लिए निर्देशित करना है (कई स्तर गहरे हो सकते हैं) और उन्हें एपनाम .css में संकलित करें।

उत्तर

3

एरिक ब्रायन ने वास्तव में एम्बरकॉन्फ़ में अपने ember-cli addon की घोषणा की जो वास्तव में ऐसा करता है। दुर्भाग्य से यह अभी तक सीएसएस preprocessors का समर्थन नहीं करता है, तो जब तक उसकी ऐड-ऑन आगे है साथ आप शैलियों के आयोजन का गैर-फली रास्ता के साथ करना होगा ...

+0

उस सूचक के लिए धन्यवाद, मुझे यकीन है कि यह एक उपयोगी ऐड-ऑन होगा। व्यक्तिगत रूप से, मैं बस एक फाइल को रखने में सक्षम होने के लिए एक नई चीज़ स्थापित नहीं करना चाहता हूं ए जगह बी के बजाय, जो मेरे सीएसएस के साथ मिलती है, 'और' के साथ एक और विशेष वाक्यविन्यास का उपयोग करती है, मेरे वर्गों में अजीब संख्याएं जोड़ती है , घटकों के विस्तार के तरीके को जादुई रूप से बदलता है, अन्य चीजों के साथ संस्करण संघर्ष में हो सकता है, केवल एम्बर घटकों के साथ काम करता है, और अजीब ब्रोकोली कीड़े के लिए और अवसर प्रदान करता है, कुछ बिंदु पर मुझे यकीन है कि अधिक जटिलता के बजाय एम्बर अधिक सादगी की ओर बढ़ेंगे। –

+0

मुझे पता है कि आपका मतलब क्या है, और [काम चल रहा है] (https://github.com/ember-cli/ember-cli/pull/3402) फली में शैलियों को कम दर्दनाक बनाने के लिए ... –

+0

हैप्पी कहें कि मैंने स्पष्ट रूप से पूर्व-प्रक्रिया के लिए एम्बर-घटक-सीएसएस (उत्तर में लिंक) का उपयोग किया है। पॉड मोड में घटकों के लिए शैलियों। यह बहुत दर्द रहित था – shane

1

हम एक अच्छा ऐड-ऑन ember-cli-sass-podsember-cli-sass का उपयोग करता है बनाने के (स्वचालित रूप से इंस्टॉल हो जाएगा) और आपको अपनी शैली स्कैस फ़ाइलों को अपनी पॉड निर्देशिकाओं में उत्पन्न करने और रखने की सुविधा देता है।

उदाहरण के लिए:

app/login 
app/login/route.js 
app/login/template.hbs 
app/login/style.scss 

या एक घटक:

app/components/login-box 
app/components/login-box/component.js 
app/components/login-box/template.hbs 
app/components/login-box/style.scss 

बस -p

का आनंद लें

एंबर जी शैली [पथ] चलाने!

संबंधित मुद्दे