Dotless संकलन करने में नाकाम रहने; बूटस्ट्रैप 3 कम स्रोत में

Question

मैं dotless 1.3.1.0 का उपयोग कम-फ़ाइलें संकलन। यह बूटस्ट्रैप 2.x के साथ ठीक काम किया, लेकिन 3.0.0 bootstrap छोड़ने के बाद भी (यहाँ से स्रोत डाउनलोड किया गया: http://getbootstrap.com/getting-started/), मैं अचानक इस त्रुटि मिलती है:

Expected ')' but found ' ' on line 47 in file 'mixins.less': [46]: // Sizing shortcuts [47]: .size(@width; @height) { ------------^ [48]: width: @width;

लगता है कि एक है; क्योंकि पैरामीटर के बीच सेपरेटर वैध मान्य नहीं है। Mixins.less में मूल स्रोत इस तरह दिखता है:

... 
// Sizing shortcuts 
.size(@width; @height) { 
    width: @width; 
    height: @height; 
} 
... 

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

अद्यतन 1: मैं देख सकता हूं कि डॉटलेस के लिए एक पुल अनुरोध मौजूद है, समस्या को ठीक करना;

https://github.com/dotless/dotless/pulls "के लिए सुधार; mixin पैरामीटर में समर्थित नहीं सूचीबद्ध करता है # 319 # 320"

मैं जब तक इस dotless में तय किया गया है सीएसएस फ़ाइलों का उपयोग कर जाना होगा।

Answer 1

अपने सहयोगियों में से एक dotless का उपयोग करता है बूटस्ट्रैप के लिए कुछ फिक्स 3 मुद्दों विलय कर दिया गया है। Apparently Bootstrap3 अब नवीनतम कोड :)

https://github.com/dotless/dotless/commits/master

मैं उम्मीद एक अद्यतन NuGet पैकेज (this tweet के आधार पर)

Answer 2

आप बूटस्ट्रैप के getting started page की जाँच हैं, तो आप पाएंगे कि वे राज्य:

LESS compilation

If you download the original files, you need to compile Bootstrap's LESS files into usable CSS. To do that, Bootstrap only officially supports Recess, Twitter's CSS hinter built on top of less.js.

dotless का उपयोग नहीं हालांकि, मैं ने वही रास्ता है कि आप lessc का उपयोग कर किया, और फिर पाया गया कि अवकाश का उपयोग कर हल हो गई मेरी मुद्दा। शायद अवकाश का उपयोग करना आपके लिए भी एक विकल्प होगा?

एक उदाहरण के रूप में, मैं निम्नलिखित सामग्री के साथ एक फ़ाइल tmpfl.less कहा जाता है:

@import "mixins.less"; 
@import "variables.less"; 


.wrapper { 
    .make-row(); 
} 
.content-main { 
    .make-lg-column(8); 
} 
.content-secondary { 
    .make-lg-column(3); 
    .make-lg-column-offset(1); 
} 

अगर मैं उस पर lessc चलाने के लिए, मैं निम्नलिखित परिणाम प्राप्त:

lessc tmpfl.less 
NameError: .size is undefined in mixins.less:47:0 
46 // Sizing shortcuts 
47 .size(@width; @height) { 
48 width: @width; 

अब, इस प्रकार मैं सफलतापूर्वक अवकाश का उपयोग करें:

recess --compile tmpfl.less > tmpfl.css 

अद्यतन:

आदेश में एक नेट वातावरण में अवकाश का उपयोग करने, विशेष रूप से दृश्य स्टूडियो में, एक स्थापित करने पर जानकारी के लिए these instructions का पालन कर सकते हैं। वे निर्देश एक सिंहावलोकन प्रदान करते हैं, लेकिन शायद Node.js स्थापित करने पर कुछ विवरण छोड़ दें। माइक्रोसॉफ्ट इस बारे में कुछ brief words है और वे a GitHub project जो दृश्य स्टूडियो के अपने संस्करण के आधार पर उपयोगी हो सकता है से लिंक।

यदि आप नोड.जेएस-इन-विजुअल स्टूडियो रूट पर नहीं जाते हैं, तो वास्तव में मुख्य लक्ष्य नोड.जेएस कहीं स्थापित है, और फिर अंततः npm, node.js के लिए पैकेज प्रबंधक है ताकि आप अवकाश स्थापित कर सकते हैं। यही कारण है कि the Node.js download के लिए जा रहा है, और Windows संस्करण स्थापित करके Windows पर प्राप्त किया जा सकता। this stackoverflow discussion में एनपीएम स्थापित करना हाइलाइट किया गया है।

npm install recess -g 

कि भी इस अद्यतन की पहली कड़ी में चर्चा की है: एक बार स्थापित, मध्यावकाश स्थापित करने के लिए इस प्रकार NPM को चलाने के लिए की जरूरत है।

Answer 3

मैं एक साथ एक HttpHandler जो कम lessjs का उपयोग कर संकलन होगा डाल दिया है।

यह उत्पादन गुणवत्ता कोड से अवधारणा का एक सबूत की अधिक है, लेकिन यह एक प्रारंभिक बिंदु के रूप में कुछ लोगों के लिए उपयोगी हो सकता है।

आप स्रोत यहाँ पा सकते हैं:

https://bitbucket.org/martinbooth/clearscriptless

मामले में किसी को भी इस जुरासिक का उपयोग कर की कोशिश कर रहा में रुचि रखता है, आप यहाँ मेरी प्रयास पा सकते हैं:

https://bitbucket.org/martinbooth/jurassicless

मैं के लिए जुरासिक अनुशंसा नहीं करते हैं इस वजह

• पुस्तकालय में कुछ बग फिक्स की आवश्यकता है जो वर्तमान में मुख्य परियोजना में एकीकृत नहीं हैं मेरे परिवर्तन अब जुरासिक की मास्टर शाखा में हैं, इसलिए यह अब कोई मुद्दा नहीं है (हालांकि नवीनतम रिलीज़ में वर्तमान में उन्हें शामिल नहीं किया गया है)
• यह बहुत धीमी गति से, इसलिए कारण मैंने कोशिश की है clearscript

Answer 4

अपने आप को मैंने पाया काम करने के लिए इस प्राप्त करने पर घंटे खर्च करने के बाद जल्दी ही उपलब्ध होगी साथ संकलित कर देगा उस समय डॉटलेस काफी बेकार है।

लेकिन यहाँ आप जहां impliment कर सकते हैं कम और बूटस्ट्रैप 3 अपने MVC ASP.Net परियोजना में कम है

http://www.tomdupont.net/2013/10/bootstrap-3-less-bundling-and-aspnet-mvc.html?showComment=1386250367416#c1439130135847828203

यह आदमी सिर्फ मेरी किताब में एक इन्टरनेट जीता और आप अपने ढेर विनिमय नीचे ट्रैक कर सकते हैं, तो मेरे लिए खाता मुझे बताओ।