Gỡ lỗi khi sử dụng bộ nhớ cache require.js

Question

Sử dụng require.js Tôi nhận thấy rằng các phụ thuộc thường được trình duyệt lưu vào bộ nhớ cache và không được cập nhật ngay cả khi tôi buộc trang tải lại hoàn toàn (lệnh + shift + R).

Để luôn có tệp được cập nhật, tôi đã yêu cầu require.js yêu cầu các tệp thêm '? Datestamp' sau url. Vấn đề duy nhất với cách tiếp cận này là các điểm ngắt không tồn tại trong chrome hoặc firebug sau khi tải lại, làm cho việc gỡ lỗi trở nên đau đớn.

Bạn có đề xuất nào không?

Answer 1

Thực tế có một số việc bạn có thể làm:

Hoặc bạn tắt hoàn toàn bộ nhớ cache của trình duyệt để kiểm tra. Một cách dễ dàng trong ví dụ: Chrome đang mở một cửa sổ ẩn danh (CTRL + SHIFT + N) tương tự như chế độ Duyệt web riêng tư trong Firefox. Tuy nhiên, giải pháp lý tưởng hơn cho bạn nên được liệt kê ở đây: Disabling Chrome cache for website development

Hoặc bạn hướng dẫn máy chủ web của mình không gửi tiêu đề bộ nhớ cache cho javascript hoặc một số tệp javascript. Một khả năng là sử dụng mod_expires với apache.

Answer 2

Tôi nghĩ rằng bạn có thể sử dụng urlArgs trên required.config

trích dẫn từ http://requirejs.org/docs/api.html#packages urlArgs: tắm truy vấn đối số chuỗi nối vào URL RequireJS sử dụng để lấy tài nguyên. Hữu ích nhất để cache bust khi trình duyệt hoặc máy chủ không được cấu hình đúng. Ví dụ thiết lập bộ nhớ cache ngực cho urla

Answer 3

tôi đã sử dụng

require.config({ urlArgs: "v=" + (new Date()).getTime() }); 

này giải quyết vấn đề của tôi, nhưng bạn cần phải nhớ để xoá bỏ nó, trước khi bạn goto sản xuất.