C# 捆绑销售；在ASP.NET中缩小资产

嘿，我对ASP.NET和.NET一般都有几周的了解。我在转换一些静态页面时遇到了一些问题，特别是我的资产

我已经知道我正在做一些愚蠢的事情或者只是错过了一些东西，我道歉

我正在尝试捆绑我所有的资产，我不确定这是否是一个好的做法。从RubyonRails的背景来看，这在当时似乎是有意义的

我迄今为止所做的工作：

• 我们所有的内部样式表和Java脚本都打包、缩小，并在生产中作为一个文件使用

我想做的是：

• 捆绑所有CDN并在文件夹中制作本地副本

以下是BundleConfig.cs：

// Configuration for bundling CDN content
bundles.UseCdn = true;

// Bundling & Minifying Application wide Stylesheets & JavaScripts
bundles.Add(new StyleBundle("~/bundles/application").Include(
    "~/Content/application.css",
    "~/Content/reservations.css",
    "~/Content/accounts.css",
    "~/Content/pets.css"));

bundles.Add(new ScriptBundle("~/bundles/application").Include(
    "~/Scripts/application.js",
    "~/Scripts/reservations.js",
    "~/Scripts/pccounts.js",
    "~/Scripts/pets.js"));

// Bundling & Minifying Modernizer
bundles.Add(new ScriptBundle("~/bundles/modernizr", "https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js").Include(
    "~/Scripts/modernizr-{version}.min.js"));

// Bundling & Minifying JQuery
bundles.Add(new ScriptBundle("~/bundles/jquery", "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js").Include(
    "~/Scripts/jquery-{version}.min.js"));

// Bundling & Minifying Font-Awesome
bundles.Add(new StyleBundle("~/bundles/bootstrap", "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css").Include(
    "~/Content/font-awesome-{version}.min.css"));

// Bundling & Minifying Bootstrap
bundles.Add(new StyleBundle("~/bundles/bootstrap", "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css").Include(
    "~/Content/bootstrap-{version}.min.js"));
bundles.Add(new ScriptBundle("~/bundles/bootstrap", "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js").Include(
    "~/Scripts/bootstrap-{version}.min.js"));

// Bundling & Minifying SweetAlerts
bundles.Add(new StyleBundle("~/bundles/sweetalert", "https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css").Include(
    "~/Content/sweetalert-{version}.min.css"));
bundles.Add(new ScriptBundle("~/bundles/sweetalert", "https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.min.js").Include(
    "~/Scripts/sweetalert-{version}.min.js"));

// Bundling & Minifying DataTables
bundles.Add(new StyleBundle("~/bundles/sweetalert", "https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css").Include(
    "~/Content/datatables-{version}.min.css"));
bundles.Add(new ScriptBundle("~/bundles/sweetalert", "https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js").Include(
    "~/Scripts/datatables-{version}.min.js"));

// Bundling & Minifying Bootstrap-Datepicker
bundles.Add(new StyleBundle("~/bundles/bootstrap-datepicker", "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.min.css").Include(
    "~/Content/bootstrap-datepicker-{version}.min.css"));
bundles.Add(new ScriptBundle("~/bundles/bootstrap-datepicker", "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js").Include(
    "~/Scripts/bootstrap-datepicker-{version}.min.js"));

// Bundling & Minifying Bootstrap-Switch
bundles.Add(new StyleBundle("~/bundles/bootstrap-switch", "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/css/bootstrap2/bootstrap-switch.min.css").Include(
    "~/Content/bootstrap-switch-{version}.min.css"));
bundles.Add(new ScriptBundle("~/bundles/bootstrap-switch", "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js").Include(
    "~/Scripts/bootstrap-switch-{version}.min.js"));

// Bundling & Minifying Typeahead.js
bundles.Add(new ScriptBundle("~/bundles/typeahead", "https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js").Include(
    "~/Scripts/typeahead-{version}.min.js"));

然后在Shared/_Layout.cshtml中：

@Styles.Render("~/bundles/font-awesome")
@Styles.Render("~/bundles/bootstrap")
@Styles.Render("~/bundles/datatables")
@Styles.Render("~/bundles/sweetalert")
@Styles.Render("~/bundles/bootstrap-datepicker")
@Styles.Render("~/bundles/bootstrap-switch")
@Styles.Render("~/bundles/application")

@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/datatables")
@Scripts.Render("~/bundles/sweetalert")
@Scripts.Render("~/bundles/bootstrap-datepicker")
@Scripts.Render("~/bundles/bootstrap-switch")
@Scripts.Render("~/bundles/typeahead")
@Scripts.Render("~/bundles/application")

最后是结果的图像：

看起来它正在查找GET localhost:port/bundles/*但找不到它们

---

如果有人能帮助我了解正在发生的事情，我应该做什么/正在做什么将不胜感激

您所做的只是缩减资产

您没有绑定它们，因为您只是将每个css和js文件呈现为单个绑定

为了绑定，您需要将CSS（或JS）分组到单个绑定中-

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
          "~/Content/themes/base/jquery.ui.core.css",
          "~/Content/themes/base/jquery.ui.resizable.css",
          ...
          "~/Content/themes/base/jquery.ui.theme.css"));

---

仅供参考：您不希望整理和构建CND文件；它无法在客户端缓存CDN文件。如果您想使用CDN，请参阅上使用CDN标题的文章。

您能否澄清您试图如何处理CDN文件？听起来你想让asp.net从CDN下载文件，捆绑并缩小它们，然后从本地服务器提供服务？如果这种情况不是CDN的目的，也不是ASP.NetHey中捆绑/放大的工作方式，感谢您的回答！我想使用这些CDN。然而，我读到ASP.NET在开发中不使用这些，所以我用本地副本加载了项目。我还读到，如果那些CDN出现故障，服务器将查找本地副本。如果您对捆绑/放大还有任何疑问，这里是一个很好的网站，可以阅读：哈哈，这更有意义。非常感谢。