2017-04-20 9 views
6

मैं पुनर्लेखन कर रहा हूँ एक "पुराने" प्रोटोटाइप Bourbon का उपयोग करता है प्रतिक्रिया, यह भी एक gulpfile में घूंट-सास का उपयोग करता है एक नोड-साफ निर्भरता सुई:निर्माण-प्रतिक्रिया-ऐप (बाहर निकाले बिना) + बोर्बोन/साफ?

var sassOptions = { includePaths: require('node-neat').includePaths, };

मैं create-react-app उपयोग करना चाहते हैं बॉयलरप्लेट और एसएएस फाइलों को संकलित करने के लिए एनपीएम स्क्रिप्ट का उपयोग करके शैलियों के लिए "सरल" वर्कफ़्लो है (क्योंकि बनाना-प्रतिक्रिया-ऐप आपको उस पर प्रतिबंधित करता है) लेकिन मैं यह नहीं समझ सकता कि इसे कैसे किया जाए।

"build-css": "node-sass src/styles/ -o src/", "watch-css": "npm run build-css && node-sass src/styles/ -o src/ --watch --recursive"

मैं शायद एक अलग दृष्टिकोण का उपयोग कर भविष्य में शैलियों को फिर से लिखने करेंगे (शायद स्टाइल घटकों का उपयोग, शायद सास का उपयोग कर रखने के लिए और पूरी तरह से Bourbon खारिज), लेकिन मैं सिर्फ वर्ष से बंदरगाह के लिए सास शैलियों की जरूरत है अभी के लिए परियोजना।

बिल्ड-रिएक्ट-ऐप (बाहर निकाले बिना) और बोर्बोन/नीट को एकीकृत करने पर कोई विचार?

क्या neat.includePaths को pode.json में नोड-एसएएस वन-लाइनर स्क्रिप्ट में थोड़ा सा पाने का कोई तरीका है, उदाहरण के लिए?

+0

मामूली साइड नोट लेकिन आपको शायद 'बोर्नबोन-साफ' के लिए 'नोड-साफ' को स्वैप करना चाहिए। एक नोड-नीट एक बंदरगाह है और आधिकारिक रिलीज के पीछे है। https://www.npmjs.com/package/bourbon-neat – whmii

+0

बहुत बहुत धन्यवाद। कोई भी मदद बहुत ही सराहनीय होगी। – zok

+1

आपकी सबसे अच्छी शर्त है एनजीएम दस्तावेज को जांचना https://github.com/thoughtbot/neat#installing-with-npm-and-using-a-node-based-asset-pipeline एक विकल्प के रूप में आप चाह सकते हैं अपने सास और निर्भरताओं को संभालने के तरीके के रूप में http://eyeglass.rocks/ को आजमाएं। अफसोस की प्रतिक्रिया मेरे व्हीलहाउस के बाहर बहुत सुंदर है, इसलिए यह सबसे अच्छी सलाह है जो मैं दे सकता हूं। – whmii

उत्तर

0

जहाँ तक मुझे पता है, आप includePaths का मूल्यांकन नहीं कर सकते हैं, आपको package.json में एक-लाइनर के माध्यम से बोर्बोन और नीट आयात करने में सक्षम होना चाहिए।

हालांकि, आप अभी भी अपने गैर-निष्कासित प्रतिक्रिया ऐप के साथ बोर्बोन + नीट का उपयोग कर सकते हैं। यदि आप package.json परिवर्तन कोद्वारा वर्णित परिवर्तनों के अनुसार रखते हैं, तो अपनी मशीन पर रत्न स्थापित करें और उन्हें अपने एसएएस निर्देशिकाओं में स्थानीय रूप से इंस्टॉल करें जहां आप फिट देखते हैं। उदहारण के लिए;

  • /src
    • /शैलियों
      • /विक्रेताओं
        • /बोरबॉन
        • /साफ
        • /अन्य-सास-पुस्तकालय
      • /आधार
      • /लेआउट
      • /...
    • App.js
    • ...

जब जवाहरात स्थापित होने, आप आदेशों को चलाने जहां आप उन्हें स्थापित करना चाहते हैं। bourbon install --path <some-path> और neat install

आप Bourbon और साफ इस तरह से संदर्भित कर सकते हैं करते हैं, यह कोई समस्या नहीं है बस @import vendors/bourbon/bourbon आदि

बेशक

, शैली के प्रबंधन के लिए इस तरह से सह स्थित, प्रतिक्रिया के मॉड्यूल सोच के साथ बराबरी पर नहीं हैं/Webpack , लेकिन कभी-कभी निश्चित रूप से पूरी तरह से नियंत्रित सास शैलियों के पेड़ की आवश्यकता होती है।

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