Vì gói và thu nhỏ là tất cả về tối ưu hóa và làm cho các trang tải nhanh hơn, nên theo tôi, sẽ hợp lý khi tạo một gói cho tập lệnh và một gói cho kiểu trên mỗi cơ sở xem, do đó, để tải tất cả tập lệnh và kiểu mà trình duyệt sẽ cần để thực hiện tối đa 2 yêu cầu. Vì vậy, chúng ta hãy nói rằng tôi có một _Layout.cshtml
nơi mà tôi cần 3 js file bootstrap.js
, jquery.js
và một số custom1.js
tôi có thể tạo ra một bó, một cái gì đó như thế này:
bundles.Add(new ScriptBundle("~/bundles/layout").Include(
"~/Scripts/bootstrap.js",
"~/Scripts/jquery.js",
"~/Scripts/custom1.js"));
Sau đó, hãy nói rằng tôi có một chế độ xem khác User.cshtml
mà tôi cần bootstrap.js
, jquery.js
và custom2.js
một lần nữa tôi tạo một gói:
bundles.Add(new ScriptBundle("~/bundles/user").Include(
"~/Scripts/bootstrap.js",
"~/Scripts/jquery.js",
"~/Scripts/custom2.js"));
Cách tiếp cận tương tự có thể được sử dụng cho các gói phong cách. Nhưng từ những gì tôi thấy, đó không phải là một cách thông thường để làm theo cách này, thông thường các gói được tạo trên cơ sở loại, ví dụ: một cho bootstrap, một cho jquery, một cho các tệp js / css tùy chỉnh, v.v. Nhưng sẽ không làm tăng thời gian tải của trang, bởi vì có nhiều gói hơn có nghĩa là yêu cầu nhiều hơn đến máy chủ. Ngoài ra vấn đề của việc làm mọi thứ theo cách tôi đã mô tả lúc đầu là gì?