Question

我为测试捆绑和缩小创建了一个mvc4应用程序但是当我运行它并查看html呈现的代码时我注意到了没有我的CSS和JavaScript不是捆绑

<link href="/Content/themes/base/jquery.ui.resizable.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.selectable.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.accordion.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.button.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.dialog.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.slider.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.tabs.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.progressbar.css" rel="stylesheet" type="text/css" />

<link href="/Content/themes/base/jquery.ui.theme.css" rel="stylesheet" type="text/css" />

<link href="/Content/site.css" rel="stylesheet" type="text/css" />

但默认情况下，在我的布局文件中添加了visual studio

   @Styles.Render("~/Content/themes/base/css", "~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

所以我想知道为什么css和javascript不是Bundle？

Answer 1

我得到同样的东西。当我将web.config更改为此时：

<system.web>
    <compilation debug="false" targetFramework="4.5" />
    ...
</system.web>

...而是呈现这个：

<link href="/Content/themes/base/css?v=ps9Ga9601PrzNA2SK3sQXlYmNW3igUv5FOdOPWptyus1"
    rel="stylesheet" type="text/css">
<link href="/Content/css?v=VvXiCiApDAv4OzD9Y7PEaTL0kONCWIV6Skw7uh51PZk1" 
    rel="stylesheet" type="text/css">

Answer 2

 BundleTable.EnableOptimization = true;

在Global.asax.cs的Application_Start（）方法中添加此行代码。这将覆盖web.config中的任何设置并启用优化。有关如何实施捆绑和缩小的更多详细信息Refer视频教程

捆绑和缩小mvc4

2 个答案: