Cách biên dịch mã Bootstrap LESS trong VS 2013

Question

Tôi có phòng thu trực quan 2013 Ultimate Update 4 plus Web Essentials được cài đặt và cập nhật.
Tôi tải xuống bản khởi động V3.3.1 nguồn Tôi đã sao chép css, js, phông chữ và ít thư mục hơn vào studio trực quan.

Bây giờ tôi muốn biên dịch tất cả các tệp .less sau khi chỉnh sửa ở đó để ghi đè tệp bootstrap.css, tôi đã chọn tất cả tệp trong trình thám hiểm giải pháp và nhấp chuột phải nhưng tất cả các mục menu Web Essentials đều bị tắt.

Tôi nên làm theo các bước nào để biên dịch tất cả các tệp thành tệp .css hoặc tôi có nên sử dụng công cụ khác với Web Essentials không?

Answer 1

Đối với hồ sơ các Essentials Web hiện tại sẽ lập lại bất kỳ tập tin biên soạn khi chỉnh sửa xảy ra, bao gồm các file không CSS tạo như variables.less. Bạn chỉ cần chỉnh sửa chúng theo cách thủ công lần đầu tiên để đưa chúng vào chế độ này. Ví dụ: quy trình cho các dự án mới muốn tái thương hiệu biến Bootstrap là:

1. Đảm bảo gói Web Studio Visual Essentials hiện tại được cài đặt.
2. Thêm gói Bootstrap nguồn NuGet vào trang web.
3. Chỉnh sửa thủ công các tệp bạn muốn được tạo tự động bình thường, ví dụ: /Content/bootstrap/bootstrap.less và theme.less. Khi bạn lưu trình biên dịch đầu tiên sẽ xảy ra, hãy tạo các tệp .css và min.css làm các mục có liên quan trong Solution Explorer.
4. Bây giờ, khi bạn chỉnh sửa các tệp có liên quan (ví dụ: biến. Không cần xây dựng thương hiệu), trình khởi động và CSS chủ đề được biên dịch sẽ tự động được cập nhật trong khi tạo.

Phần chỉ bẩn về lần đầu tiên bạn phải chỉnh sửa nguồn gốc, thay đổi dấu thời gian. Hy vọng rằng không gây ra vấn đề với bản cập nhật cho gói NuGet trong tương lai.

Có sự cố mở trong dự án Web Essentials về điều này. Một giải pháp đơn giản là để có được các tùy chọn menu ngữ cảnh để làm điều đó bằng tay lần đầu tiên, khác là một thiết lập vĩnh viễn trên tập tin trong Visual Studio, chẳng hạn như hành động xây dựng hoặc hành động công cụ tùy chỉnh.

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

Bạn có thể thay đổi hành vi của các biên dịch lại trong Visual Studio "Tools - Options - Essentials Web - ÍT" Cài đặt.