DotLess - Cách nhập tệp LESS vào thư mục mẹ?

Question

Tôi có thư mục cấu trúc này:

~/css/file1.less 
~/css/folder/file2.less 

Những gì tôi muốn làm là nhập khẩu file1.less bên file2.less, vì vậy trong file2.less của tôi, tôi có mã này:

@import "../file1.less"; 

làm này không hoạt động, và trình biên dịch sụp đổ khi tôi xây dựng dự án. Tôi thực thi trình biên dịch trong Visual Studio 2010.

Làm cách nào để nhập một tệp ít hơn được đặt trong thư mục chính?

Answer 1

Điều này có vẻ là một lỗi trong LESS.

Nhận xét trong báo cáo lỗi cho biết rằng nó được sửa trong nhánh chính, vì vậy nếu bạn nhận phiên bản mới nhất từ ​​git, có thể nó sẽ hoạt động.

Xem https://github.com/cloudhead/less.js/issues/177 và sau này trên StackOverflow: Node.js + Express.js. How to RENDER less css?

Answer 2

Hãy thử điều này:

@import "~/root_css_folder/parentfolder/file1.less"; 

Answer 3

Tôi chỉ thử nghiệm nhập khẩu một tập tin đó là một mức độ lên theo cách bạn đã làm nó và nó làm việc cho tôi .. lỗi của trình biên dịch là gì trên sụp đổ? Lỗi có thể giúp bạn.

Trên sidenote, bạn nên giữ các tệp .less của bạn được cấu trúc khác nhau.

Answer 4

Bạn phải thêm vào trước ./ đến đường dẫn của bạn. Ví dụ:

@import "./../style.less"; /* Correct */ 
@import "../style.less"; /* Wrong */