Dotless không biên dịch; trong Bootstrap 3 ít nguồn

Question

Tôi sử dụng dotless 1.3.1.0 biên dịch ít tệp hơn. Điều này làm việc tốt với bootstrap 2.x, nhưng sau khi chuyển sang bootstrap 3.0.0 (tải về các nguồn từ đây: http://getbootstrap.com/getting-started/), tôi đột nhiên nhận được lỗi này:

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

Có vẻ rằng có một; như seperator giữa các tham số không hợp lệ ít hơn. Nguồn gốc trong mixins.less trông giống như sau:

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

Tôi có phải sử dụng trình biên dịch ít được cập nhật không? Hoặc đã bootstrap phát hành buggy ít nguồn?

CẬP NHẬT 1: Tôi có thể thấy, yêu cầu kéo cho không có chấm tồn tại, khắc phục sự cố;

https://github.com/dotless/dotless/pulls "Sửa chữa cho; không được hỗ trợ trong tham số mixin liệt kê # 319 # 320"

tôi sẽ đi bằng cách sử dụng các file css cho đến khi điều này đã được cố định trong dotless.

Answer 1

một trong những đồng nghiệp của tôi có sử dụng dotless đã có một vài bản sửa lỗi cho Bootstrap 3 vấn đề sáp nhập. Apparently Bootstrap3 bây giờ sẽ biên dịch với mã mới nhất :)

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

Tôi mong đợi một gói NuGet cập nhật sẽ có mặt sớm (dựa trên this tweet)

Answer 2

Nếu bạn kiểm tra bootstrap của getting started page, bạn sẽ thấy rằng họ nêu:

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.

Mặc dù không sử dụng dotless, tôi đi theo một con đường tương tự mà bạn đã sử dụng lessc, và sau đó phát hiện ra rằng sử dụng giải lao giải quyết của tôi vấn đề. Có lẽ sử dụng giải lao sẽ là một lựa chọn cho bạn?

Như một ví dụ, tôi có một tập tin gọi là tmpfl.less với các nội dung sau:

@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); 
} 

Nếu tôi chạy lessc trên đó, tôi nhận được kết quả sau:

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

Bây giờ, tôi sử dụng thành công giải lao như sau:

recess --compile tmpfl.less > tmpfl.css 

cập nhật:

Để sử dụng tính năng Giải lao trong môi trường .Net, cụ thể trong Visual Studio, bạn có thể theo dõi these instructions để biết chi tiết về cách cài đặt. Những hướng dẫn này cung cấp một cái nhìn tổng quan, nhưng có lẽ để lại một số chi tiết về việc cài đặt Node.js. Microsoft có một số brief words về nó và chúng liên kết đến a GitHub project có thể hữu ích tùy thuộc vào phiên bản Visual Studio của bạn.

Nếu bạn không đi xuống tuyến đường Node.js-in-Visual Studio, thì thực sự mục tiêu chính là cài đặt Node.js ở đâu đó, và sau đó cuối cùng là npm, trình quản lý gói cho Node.js để bạn có thể cài đặt Recess. Điều đó có thể đạt được trên Windows bằng cách truy cập the Node.js download và cài đặt phiên bản Windows. Cài đặt npm được tô sáng trong this stackoverflow discussion. Sau khi cài đặt, bạn chỉ cần chạy npm để cài đặt Giải lao như sau:

npm install recess -g 

Điều đó cũng được thảo luận trong liên kết đầu tiên của bản cập nhật này.

Answer 3

Tôi đã đặt cùng một người giải thích sẽ biên dịch ít hơn bằng cách sử dụng lessjs.

Đó là một bằng chứng về khái niệm hơn so với mã chất lượng sản xuất, tuy nhiên nó có thể hữu ích cho một số người như là một điểm khởi đầu.

Bạn có thể tìm nguồn ở đây:

https://bitbucket.org/martinbooth/clearscriptless

Trong trường hợp bất cứ ai quan tâm đến việc cố gắng để làm điều này bằng jurassic, bạn có thể tìm thấy nỗ lực của tôi ở đây:

https://bitbucket.org/martinbooth/jurassicless

tôi không khuyên bạn nên Jurassic vì điều này vì

• nó yêu cầu một vài sửa lỗi cho thư viện hiện không được tích hợp vào dự án chính Thay đổi của tôi hiện đang nằm trong nhánh chính của Jurassic nên đây không còn là vấn đề nữa (mặc dù bản phát hành mới nhất hiện không bao gồm chúng)
• nó là rất chậm, vì thế mà lý do tôi đã cố gắng clearscript

Answer 4

Sau khi chi tiêu giờ vào việc này để làm việc bản thân mình tôi thấy mà không có dấu chấm là khá vô dụng tại thời điểm này.

nhưng đây là nơi bạn có thể impliment Ít và Bootstrap 3 Ít trong dự án ASP.Net MVC của bạn

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

anh chàng này chỉ giành được một internets trong cuốn sách của tôi và nếu bạn có thể theo dõi trao đổi chồng mình tài khoản cho tôi biết.