在MVC中添加许多CDN包

时间:2018-01-06 16:57:51

标签: asp.net asp.net-mvc twitter-bootstrap

我正在尝试为生日创建日期时间选择器,因为您可以see here,解决方案需要使用许多链接和脚本源。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/locale/es.js"></script>
<br>
<div class="form-group">
 <div class='input-group date datepicker' name="datepicker" >
      <input type='text' class="form-control placementT" id="fecha">
         <span class="input-group-addon">
               <span class="glyphicon glyphicon-calendar">
               </span>
        </span>
  </div>

我想使用mvc bundle,包含指向这些脚本和样式表的链接。但我发现的解决方案:How to setup bundles using CDN in ASP.NET MVC? 没有解释如何在一个包中包含许多链接。相反,每个捆绑包使用一个链接:

bundles.Add(new ScriptBundle("~/bundles/jquery", "http://code.jquery.com/jquery-2.0.3.min.js")
   .Include("~/Scripts/jquery-{version}.js"));

bundles.Add(new StyleBundle("~/bundles/bootstrap", "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css")
            .Include("~/Content/bootstrap.css"));

正如你所看到的,我将有6种不同的捆绑。添加。我希望能够做到这样的事情:

bundles.Add(....,"https://maxcdn","https link","another link")

我该怎么办?我希望在我的视图中包含该包,如下所示:

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

1 个答案:

答案 0 :(得分:0)

这个例子可以根据您的需要更改参数。

示例

cdnHost参数指的是捆绑包存储在内容传送网络中时的备用URL。 cdn bundle应该作为一个文件加载,并且应该包含在cdn上传的所有文件的组合内容,例如服务器路径为https://ajax.googleapis.com/在你的情况下 然后你可以加载多个脚本文件作为一个包,你只需要在include方法中提供其他文件的相对路径。

var cdnHost = "https://ajax.googleapis.com/";
    bundles.Add(new ScriptBundle("~/bundles/angularCDN", cdnHost).Include(
                            "~/ajax/libs/angularjs/1.3.0-beta.17/angular.js",
                            "~/ajax/libs/angularjs/1.3.0-beta.17/angular-cookies.js",
                            "~/ajax/libs/angularjs/1.3.0-beta.17/angular-route.js"));

我希望它对你有用。