Answers:
捆绑是指将多个JavaScript或样式表文件压缩而不进行任何格式化(也称为最小化)到单个文件中,以节省带宽和加载页面的请求数。
例如,您可以创建自己的捆绑包:
bundles.Add(New ScriptBundle("~/bundles/mybundle").Include(
"~/Resources/Core/Javascripts/jquery-1.7.1.min.js",
"~/Resources/Core/Javascripts/jquery-ui-1.8.16.min.js",
"~/Resources/Core/Javascripts/jquery.validate.min.js",
"~/Resources/Core/Javascripts/jquery.validate.unobtrusive.min.js",
"~/Resources/Core/Javascripts/jquery.unobtrusive-ajax.min.js",
"~/Resources/Core/Javascripts/jquery-ui-timepicker-addon.js"))
并像这样渲染它:
@Scripts.Render("~/bundles/mybundle")
@Scripts.Render("~/bundles/mybundle")
与本机相比,另一项优势<script src="~/bundles/mybundle" />
是@Scripts.Render()
将遵循web.config
调试设置:
<system.web>
<compilation debug="true|false" />
如果这样的debug="true"
话,它将为每个源脚本呈现单独的脚本标签,而无需进行任何缩小。
对于样式表,您将必须使用StyleBundle和@ Styles.Render()。
无需通过单个请求(使用脚本或链接标签)加载每个脚本或样式,而是将所有文件压缩到单个JavaScript或样式表文件中并一起加载。
您还可以使用:
@Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}\"></script>", "~/bundles/mybundle")
在需要使用字符集,类型等的情况下指定输出格式。
async
属性。
@Scripts.RenderFormat("<script type=\"text/javascript\" async src=\"{0}\"></script>", "~/bundles/mybundle")