注意事项

Question

有没有办法使用MVC4中的新捆绑功能捆绑单个文件？我知道捆绑单个文件没有多大意义，但我想使用服务器端缩小，让MVC在URL的末尾添加一个哈希值用于缓存目的。

我尝试了@Scripts.Url("~/Scripts/myscript.js")，但似乎无效。

Answer 1

好吧，在bundle config中定义一个只包含这个文件的包：

bundles.Add(
    new ScriptBundle("~/bundles/myscript").Include("~/Scripts/myscript.js")
);

然后通过名称引用它在您的视图中使用它：

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

Answer 2

我需要这样的东西，这就是我想出的东西

在视图中，我可以使用HTML Helper添加脚本或样式。这些将接受n个参数。

@Html.Style("~/Styles/someFile.css")
@Html.Script("~/Scripts/foo.js", "~/Scripts/bar.js")

所以我创建了一个扩展来为我处理这个问题。这是班级的样子。

using System.Linq;
using System.Web.Optimization;

namespace System.Web.Mvc
{
    public static class HtmlHelperExtensions
    {

        public static IHtmlString Script(this HtmlHelper helper, params string[] urls)
    {
        var bundleDirectory = "~/Scripts/bundles/" + MakeBundleName(".js", urls);
        var thisBundle = new ScriptBundle(bundleDirectory).Include(urls);
        BundleTable.Bundles.Add(thisBundle);

        return Scripts.Render(bundleDirectory);
    }

    public static IHtmlString Style(this HtmlHelper helper, params string[] urls)
    {
        var bundleDirectory = "~/Styles/bundles/" + MakeBundleName(".css", urls);
        var thisBundle = new StyleBundle(bundleDirectory).Include(urls);
        BundleTable.Bundles.Add(thisBundle);

        return Styles.Render(bundleDirectory);
    }

    private static string MakeBundleName(string type, params string[] urls)
    {
        var bundleSections = new List<string>();

        foreach (var item in urls)
        {
            bundleSections.Add(item.Replace("~/", "").Replace("/", ".").Replace(type, ""));
        }

        return string.Join("+", bundleSections.ToArray());
    }
    }
}

注意事项

这是捆绑“虚拟目录”存在的硬编码。因此，如果您有任何图像或文件中的任何其他相对路径，它们将会中断。对于我们的用例，现在这对我们来说很好。

自动生成包名称。同样，这对我们有用，但它可能会更好。我可以看到一个简单的改进，你必须提供一个捆绑路径＆amp;具有如下语法的名称：@Html.Script("~/bundles/myBundleName","~/Scripts/foo.js", "~/Scripts/bar.js")

我很高兴听到任何人可能对此有任何改进。

Answer 3

我不知道，如果我说得对，但你可以随时添加捆绑包，只需将其添加到捆绑收集中：

BundleTable.Bundles.Add(new ScriptBundle("~/Scripts/myBundleName").Include(
            "~/Scripts/myscript.js"
            ));

我不确定您如何计划在客户端包含捆绑包，但在捆绑注册后，您可以使用以下代码获取缩小脚本文件的URL：

string url = BundleTable.Bundles.ResolveBundleUrl("~/Scripts/myBundleName");

在我的情况下，我只是通过ajax请求获取此url并在客户端创建脚本标记。这样，脚本文件将被缩小，并且url带有哈希代码，因此浏览器应该缓存它，并且当更改包时应该加载更新的版本。

我希望这是你打算做的。

ASP.NET MVC4捆绑单个文件

3 个答案:

注意事项