为什么要使用@ Scripts.Render("〜/ bundles/jquery")

Question

如何

@Scripts.Render("~/bundles/jquery")

不同于仅仅引用html中的脚本

<script src="~/bundles/jquery.js" type="text/javascript"></script>

是否有任何性能提升？

Answer 1

捆绑就是将多个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或样式表文件并加载到一起,而不是使用单个请求(带有脚本或链接标记)加载每个脚本或样式.

Answer 2

您还可以使用:

@Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}\"></script>", "~/bundles/mybundle")

在需要使用Charset,Type等的场景中指定输出的格式.