2014-11-23 9 views
7

में बूटस्ट्रैप कम स्रोत को संकलित कैसे करें मेरे पास विजुअल स्टूडियो 2013 अल्टीमेट अपडेट 4 प्लस वेब अनिवार्यताएं स्थापित और अपडेट की गई हैं।
मैं बूटस्ट्रैप V3.3.1 स्रोत डाउनलोड करता हूं मैंने दृश्य स्टूडियो में सीएसएस, जेएस, फ़ॉन्ट्स और कम फ़ोल्डर की प्रतिलिपि बनाई है।वीएस 2013

अब मैं बूटस्ट्रैप.एसएस फ़ाइल को ओवरराइट करने के लिए अपने संपादन के बाद सभी फाइलों को संकलित करना चाहता हूं, मैंने समाधान एक्सप्लोरर में सभी फाइलों का चयन किया और राइट क्लिक किया लेकिन सभी वेब अनिवार्य मेनू आइटम अक्षम हो गए।

सभी फ़ाइलों को .css फ़ाइल में संकलित करने के लिए मुझे क्या कदम उठाने चाहिए या क्या मुझे वेब अनिवार्यता से भिन्न टूल का उपयोग करना चाहिए?

enter image description here

+0

आपको केवल bootstrap.less संकलित करना चाहिए (यह फ़ाइल अन्य सभी को आयात करती है)। यह भी ध्यान दें कि बीएस 3.2 के बाद से आपको अपने कोड को उपसर्ग करना होगा। (देखें: https://github.com/postcss/autoprefixer#visual-studio) –

+0

क्या आपके पास वेब अनिवार्यताएं हैं? – Lowkase

+0

@Lowkase Yes मैंने इसे –

उत्तर

9

रिकॉर्ड के लिए वर्तमान वेब अनिवार्य फिर से संकलित कर देगा किसी भी संकलित फ़ाइलें कब संपादन पाए जाते हैं, variables.less तरह गैर सीएसएस पैदा फ़ाइलों सहित। आपको उन्हें इस मोड में रखने के लिए पहली बार मैन्युअल रूप से संपादित करने की आवश्यकता है। उदाहरण के लिए बूटस्ट्रैप वैरिएबल को फिर से ब्रांड करना चाहते हैं, नई परियोजनाओं की प्रक्रिया है:

  1. सुनिश्चित करें कि वर्तमान वेब अनिवार्य दृश्य स्टूडियो पैकेज स्थापित है।
  2. साइट पर बूटस्ट्रैप स्रोत NuGet पैकेज जोड़ें।
  3. उन फ़ाइलों को मैन्युअल रूप से संपादित करें जिन्हें आप सामान्य रूप से सामान्य रूप से जेनरेट करना चाहते हैं, उदा। /Content/bootstrap/bootstrap.less और theme.less। जब आप पहले संकलन को सहेजते हैं, तो समाधान एक्सप्लोरर में संबंधित आइटम के रूप में .css और min.css उत्पन्न होता है।
  4. अब जब आप संबंधित फाइलों को संपादित करते हैं (उदा। वैरिएबल। ब्रांडिंग करने के लिए रहित) संकलित बूटस्ट्रैप और थीम सीएसएस स्वचालित रूप से निर्माण के दौरान अपडेट हो जाता है।

इस बारे में एकमात्र गंदा हिस्सा पहली बार आपको मूल स्रोत को संपादित करना है, टाइमस्टैम्प बदलना है। उम्मीद है कि भविष्य में NuGet पैकेज के अपडेट के साथ समस्याएं नहीं आती हैं।

इस बारे में वेब अनिवार्य परियोजनाओं में एक खुली समस्या है। संदर्भ मेनू विकल्प को पहली बार मैन्युअल रूप से करने के लिए एक आसान समाधान यह है कि दूसरा विजुअल स्टूडियो में फ़ाइल पर स्थायी सेटिंग है, जैसे बिल्ड एक्शन या कस्टम टूल एक्शन।

https://github.com/madskristensen/WebEssentials2013/issues/1632

आप दृश्य स्टूडियो में रखता के व्यवहार को बदल सकते हैं "- विकल्प - उपकरण वेब अनिवार्य - कम" सेटिंग्स।

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