ASP.NET MVC4 如何在一个规则中创建包含 js 和 css 的捆绑包？答案

【问题标题】：ASP.NET MVC4 how to create bundle with js and css together in one rule?ASP.NET MVC4 如何在一个规则中创建包含 js 和 css 的捆绑包？
【发布时间】：2012-11-24 08:08:45
【问题描述】：

我有一个 superfish jquery 插件，它有 4 个 js 和 1 个 css：

<script src="~/Scripts/JQ_Addons/SuperFish/jquery.bgiframe.min.js"></script>
<script src="~/Scripts/JQ_Addons/SuperFish/hoverIntent.js"></script>
<script src="~/Scripts/JQ_Addons/SuperFish/supersubs.js"></script>
<script src="~/Scripts/JQ_Addons/SuperFish/superfish.js"></script>
<link href="~/Scripts/JQ_Addons/SuperFish/superfish.css" rel="stylesheet" />

我想为所有这些创建一个包，但是当我调用 bundles.Add() 时，它只能添加一种类型的包，ScriptBundle 或 StyleBundle。

bundles.Add(new ScriptBundle("~/bundles/superfish").Include(
            "~/Scripts/JQ_Addons/SuperFish/jquery.bgiframe.min.js",
            "~/Scripts/JQ_Addons/SuperFish/hoverIntent.js",
            "~/Scripts/JQ_Addons/SuperFish/supersubs.js",
            "~/Scripts/JQ_Addons/SuperFish/superfish.js")); // I can not add css here

在视图中，我只能选择渲染一种类型的包：

@Styles.Render or @Script.Render

所以，我的问题是：是否可以只创建一个包含 js 和 css 的捆绑规则？在我看来，我想要这样的东西：

@Bundles.Render("~/bundles/superfish")

【问题讨论】：

标签： asp.net-mvc-4 bundle web-optimization

【解决方案1】：

您不能处理这些文件的主要原因与浏览器如何处理这些文件有关。

要检索样式表，html标签是<link>
要检索脚本，html标签是<script>

html标签告诉浏览器文件的内容是什么。

在 MVC 服务器端代码上，使用捆绑的主要原因是将脚本和链接文件合并到一个文件中。然后将它们最小化。捆绑使用基于文件类型的不同最小化函数。如果将脚本和 css 合并到一个文件中，捆绑代码将无法正确最小化生成的文件。

【讨论】：