asp.net - 使用 SquishIt 在母版页和 View 页面中组合 CSS 和 JS

Question

你如何实现SquishIt跨 View 页面捆绑 Css/Js 并在母版页中呈现它？我以为我可以在渲染部分上方使用 ContentPlaceHolder，但似乎有一些奇怪的行为，它有时会添加 3 个文件(1 个在 View 页面中，2 个在母版页中)但其他时候会忽略从 View 中添加的文件页。

索引.aspx

<asp:Content ContentPlaceHolderID="CssFiles" runat="server">
    <% CssHelper.Add("home.css"); %>
</asp:Content>

网站管理员

<asp:ContentPlaceHolder ID="CssFiles" runat="server" />
<% CssHelper.Add("reset.css"); %>
<% CssHelper.Add("master.css"); %>
<%=CssHelper.Render() %>

我当前的解决方案是围绕 SquishIt 的静态 Bundle 类进行静态包装，将 BundleBuilder 保留在 HttpContext.Current.Items 中。

我很好奇这是否已成功完成以及如何完成。

Answer 1

我认为您可能有点忽略了捆绑 css 和 javascript 的要点。如果您打算在每个 View 中添加 css 或 js 文件，并结合母版页文件，那么您将创建大量用户每次都必须下载的小包。

如果您没有吨(我的意思是大量)Javascript 和 Css，那么您最好将所有的 css 和 javascript 捆绑到同一个包中。通过这种方式，用户可以在第一次下载它时获得成功，然后它就会被缓存。

如果您有大量的 css 和 javascript，请使用命名 bundle 功能并为您网站的不同部分创建 bundle 。但关键是您要尽量减少创建的 bundle 数量，这样用户就不必继续下载文件。

唯一的异常(exception)是移动浏览器，它们有一定的大小缓存限制。