Có thể điều khiển ghi nhật ký biến LESS trong khi biên dịch không?

Question

Tôi đang thực hiện một số gỡ lỗi hệ thống chủ đề cha/con rất phức tạp với Bootstrap và CSS LESS. Tôi sẽ không đi vào chi tiết của vấn đề đó, ngoại trừ việc tôi tuyên bố màu tùy chỉnh và các biến khác trong variables.less nhưng CSS đã biên dịch không sử dụng các biến này, tuy nhiên, tôi đã xác minh rằng tệp thực sự được biên dịch và đưa vào thành công. Vì vậy, những gì tôi thực sự cần là để có thể bằng cách nào đó console.log các biến LESS (cụ thể tại thời gian biên dịch), nhưng mặc dù thực tế là LESS tuyên bố hỗ trợ javascript bên trong các tệp LESS, không hoạt động. Bất cứ ai có thể làm sáng tỏ điều này/có kinh nghiệm với nó?

Answer 1

Thử gói JavaScript của bạn vào biểu thức hàm được gọi ngay lập tức. Chừng nào bạn quay trở lại một giá trị Ít hy vọng, bất cứ điều gì khác xảy ra trong chức năng mà dường như trò chơi công bằng:

@myColor: red; 

.test { 
    color: `(function(){console.log("@{myColor}"); return "@{myColor}";}())` 
} 

Answer 2

nhưng bất chấp thực tế rằng tuyên bố LESS để hỗ trợ javascript bên trong các tập tin LESS, đó không phải là đang làm việc.

Đó là:

@var: value; 

.test { 
    width: ~`console.log("@{var}"), "@{var}"`; 
}