Yeoman: LiveReload vs. Yeoman Watch

Question

Tôi đang cố gắng ra Yeoman Máy chủ lần đầu tiên và thấy rằng nó cung cấp công cụ xem bản địa làm dự phòng cho LiveReload. Dưới đây là cách docs giải thích dự phòng:.

"[Yeoman Server] tự động bắn nhanh quá trình yeoman watch, vì vậy thay đổi bất kỳ tập tin của ứng dụng làm cho trình duyệt để làm mới qua LiveReload Nếu bạn không có LiveReload cài đặt tại địa phương, một quá trình tải lại dự phòng sẽ được sử dụng thay thế. "

Cho đến nay quy trình dự phòng đang hoạt động hoàn hảo và tôi thích rằng nó không yêu cầu cài đặt bất kỳ thứ gì trong thanh trình duyệt/trình đơn.

Có ai đã thử cả hai công cụ xem với Yeoman không? Quy trình làm việc khác nhau như thế nào và bạn sẽ nhận được các tính năng bổ sung nào nếu bạn "nâng cấp" lên LiveReload?

CẬP NHẬT: Kiểm tra nhanh API cho biết tính năng tải lại trực tiếp của Yeoman thực tế là LiveReload. Họ là một và giống nhau. Lý do hoạt động mà không có tiện ích mở rộng của trình duyệt là vì họ đang sử dụng đoạn mã snipvr của LiveReload thay thế. Có thể có một số tính năng bổ sung có thể truy cập qua giao diện đồ họa LiveReload và có lẽ để thử nghiệm thiết bị di động, nhưng nhiều khả năng chức năng giống hệt nhau.

Answer 1

Như đã lưu ý trong bản cập nhật của mình, tôi đã kiểm tra nguồn Yeoman và nhận ra rằng tính năng tải lại trực tiếp thực tế là LiveReload. Họ là một và giống nhau. Nó khá thú vị với người sáng tạo của LR, Andrey Tarantsov, để cho công cụ có giá trị của anh ta được sử dụng trong một dự án nguồn mở phổ biến như thế này mà không tính phí cho việc sử dụng nó.

Lý do khiến Yeoman Watch hoạt động mà không có phần mở rộng của trình duyệt là vì nó sử dụng đoạn trích Snipvr của LiveReload thay thế.

Kết quả là, chức năng của LiveReload và chạy 'đồng hồ yeoman' về cơ bản giống hệt nhau. Tuy nhiên, tôi thấy rằng vẫn có lợi khi sở hữu LiveReload.Luồng công việc ưa thích của tôi là kết hợp LiveReload và CodeKit.

Trong quá trình phát triển (pre-build), tôi sử dụng CodeKit để biên dịch các tệp Sass/Compass và Jade mẫu (một công cụ tuyệt vời khác, btw) vì tùy chọn cấu hình của CodeKit rộng hơn một chút so với LiveReload. Vì CodeKit không hoạt động với Firefox (chỉ có Chrome và Safari), tôi chạy đồng thời LiveReload để tôi có thể thấy các thay đổi trực tiếp trong cả hai trình duyệt.

Luồng công việc này cũng có lợi ích bổ sung khi có thể "ngã ba khi đang bay" bằng cách trộn tính năng "lệnh tùy chỉnh" của LiveReload với tính năng "cài đặt trình biên dịch nâng cao" của CodeKit.

Answer 2

CHỈNH SỬA: Điều tôi đã nói dưới đây hoàn toàn không chính xác. Tôi đã làm một số thử nghiệm nhiều hơn và thấy rằng chỉnh sửa một tập tin .scss sẽ có những thay đổi hiển thị ngay cả khi không chỉnh sửa các tập tin HTML đầu tiên, do đó, yeah, vào thời điểm này tôi đã không có một scooby như những gì sự khác biệt giữa LiveReload và dự phòng là quá trình.

---

Tôi nói điều này với sự báo trước rằng tôi không đã LiveReload cài đặt, nhưng từ thử nghiệm tôi đã thực hiện trong Yeoman vậy, đến nay, những gì tôi đã nhìn thấy với các "dự phòng quá trình tải lại "là nó không tải lại trang cho đến khi tệp HTML được lưu, vì vậy thay đổi CSS đã lưu không ngay lập tức hiển thị cho đến khi tệp HTML nhận được sự kiện Lưu từ hệ thống. Theo livereload.com, "... khi bạn thay đổi tệp CSS hoặc hình ảnh , trình duyệt được cập nhật ngay lập tức mà không cần tải lại trang" vì vậy nó dường như là một quá trình mạnh mẽ hơn.

(Xin lỗi, không phải là một câu trả lời hoàn chỉnh kể từ khi tôi không có LiveReload sẵn, nhưng câu hỏi này Đã lên cho một vài ngày mà không có phản ứng nào, vì vậy tôi đã tìm bất kỳ thông tin là tốt hơn so với không có.)