2015-07-30 23 views
5

के लिए सेमेन्टिकयूआई का उपयोग करना मुझे मेरी लैरावेल परियोजना में सेमेन्टिकयूआई को एकीकृत करने में कुछ कठिनाइयां हैं। ये दोनों सुंदर ढांचे हैं, दुर्भाग्यवश इस विषय के बारे में कुछ भी नहीं है।मेरी लैरावेल परियोजना

सबसे पहले मैंने एनपीएम का उपयोग करके अर्थशास्त्री स्थापित की: npm install semantic-ui। यह ठीक काम करता है, लेकिन समस्या यह है कि अन्य एनपीएम पैकेजों के बहुत सारे स्थापित हैं। इसके अलावा, गलियारे कार्यों के साथ अर्थपूर्ण जहाजों की मुझे आवश्यकता नहीं है। मूल गुलप कार्यों को परिभाषित करने के लिए एलिक्सर के साथ लैरवेल जहाजों, जिन्हें मैं उपयोग करना चाहता हूं।

मैं semantic github repo पर गया और /src फ़ोल्डर डाउनलोड किया। मैंने फ़ोल्डर को मेरी लार्वेल परियोजना में कॉपी किया: /resources/assets/semantic/। तब app.less फ़ाइलों के भीतर मैं अर्थ आयातित:

/** 
* Import the SemanticUI source 
*/ 
@import '../semantic/src/semantic'; 

तो अगले कदम के Elixer /public फ़ोल्डर संकलन और नकल करते हैं करने के लिए किया गया था:

elixir(function(mix) { 

    // Semantic LESS 
    mix.less([ 
     'app.less' 
    ], 'public/vendor/semantic/semantic.css'); 

    // Semantic JS 
    mix.scriptsIn([ 
     'resources/assets/semantic/src/definitions/' 
    ], 'public/vendor/semantic/semantic.js'); // js: resources/assets/semantic/src/definitions/{folder}/{script}.js 

    // Semantic Themes 
    mix.copy('resources/assets/semantic/src/themes', 'public/vendor/semantic/themes'); 

}); 

इस उत्कृष्ट काम करता है। केवल एक चीज जिसके बारे में मैं चिंतित हूं वह यह है कि अर्थात् अद्यतन करना हाथ से किया जाना चाहिए। अगर आपके पास मेरे लिए कोई वैकल्पिक सलाह है या वैकल्पिक ऐप्रोच है तो मुझे यह सुनना अच्छा लगेगा। यह कैसे मेरे public/vendor फ़ोल्डर gulp चलाने के बाद की तरह लग रहा है:

public/vendor

अब दूसरी समस्या मैं का सामना करना पड़ रहा है कि जब मैं न्यूनतम किया गया सीएसएस पर एक नज़र डालें, मुझे लगता है कि संपत्ति पथ गलत कर रहे हैं:

src: url("../../themes/default/assets/fonts/icons.eot"); 
// and more wrong paths... 

यह themes/default/assets/fonts/icons.eot में दिखना चाहिए। कोई विचार?

अग्रिम धन्यवाद।

+1

आप 'ओवरराइड करने के लिए @ fontPath' चर ... http://learnsemantic.com/developing/customizing.html#setting-global-variables देखें जरूरत संकेत दिए जाने पर। (जाहिर है, चूंकि आप अपने 'थीम' डीआईआर (संपत्ति 'सहित) ले जाते हैं और आपका परिणामस्वरूप सीएसएस एसयूआई द्वारा ग्रहण किए गए रास्ते पर नहीं है, तो आप एसयूआई कोड कहेंगे जहां नया मार्ग है)। –

उत्तर

3

जब उन्होंने पूछा कि मैं किस प्रकार की स्थापना करना चाहता हूं, तो मैंने Express (Set components and output folder) चुना है।

फिर, मैंने [?] Where should we put Semantic UI inside your project? resources/assets/semantic/ चुना।

अन्य प्रश्नों के लिए अपने विकल्प चुनें।

फिर, प्रकार ../../../public/semantic[?] Where should we output Semantic UI?

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