【问题标题】:Correctly bundling datatables.net.core nuget package正确捆绑 datatables.net.core nuget 包
【发布时间】:2017-10-18 22:10:50
【问题描述】:

如何正确捆绑nuget包DataTables Core?我的BundleConfig.cs文件设置如下

public class BundleConfig
{
    // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle(Bundles.ShippingMemo).Include(
                    "~/Scripts/App/Main.js"
            ));

        bundles.Add(new ScriptBundle(Bundles.GiftCard).Include(
                    "~/Scripts/App/GiftCard.js"
            ));

        bundles.Add(new ScriptBundle(Bundles.JqueryJS).Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new ScriptBundle(Bundles.JqueryUI).Include(
                    "~/Scripts/jquery-ui-{version}.js"));

        bundles.Add(new ScriptBundle(Bundles.JqueryValidate).Include(
                    "~/Scripts/jquery.validate*"));

        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle(Bundles.Modernizr).Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle(Bundles.BoostrapJS).Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js"));

        bundles.Add(new ScriptBundle(Bundles.DataTablesJS).Include(
                "~/Scripts/jquery.dataTables.js"));

        bundles.Add(new StyleBundle(Bundles.CSS).Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css",
                  "~/Content/fonts.css"
                  )
                  .Include("~/Content/font-awesome.css", new CssRewriteUrlTransform()));

        bundles.Add(new StyleBundle(Bundles.DataTablesStyle).Include(
            "~/Content/jquery.dataTables.css"
        ));
    }
}

public static class Bundles
{
    public const string CSS = "~/Content/css";

    public const string DataTablesStyle = "~/Content/datatables";

    public const string DataTablesJS = "~/bundles/datatables";

    public const string BoostrapJS = "~/bundles/bootstrap";

    public const string JqueryJS = "~/bundles/jquery";

    public const string JqueryUI = "~/bundles/jqueryui";

    public const string JqueryValidate = "~/bundles/jqueryval";

    public const string Modernizr = "~/bundles/modernizr";

    public const string ShippingMemo = "~/bundles/App/Main";

    public const string GiftCard = "~/bundles/App/GiftCard";
}



}

我在 sort_asc.png 和 sort_both.png 找不到 404 错误,这些文件当前存在

\
\Content\images

在我安装 nuget 包后将它们放置在哪里。我试过使用

bundles.Add(new StyleBundle(Bundles.DataTablesStyle).Include(
            "~/Content/jquery.dataTables.css", new CssRewriteUrlTransform()
));

这似乎根本没有解决问题,服务器总是在寻找图像

{siteroot}/images/sort_asc.png

【问题讨论】:

    标签: c# visual-studio datatables nuget-package bundling-and-minification


    【解决方案1】:

    包维护者发布了一个更新,从 1.10.15.1 版本开始,所有内容都可以正确捆绑

    我的工作 BundleConfig.cs

    public class BundleConfig
    {
        // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle(Bundles.ShippingMemo).Include(
                        "~/Scripts/App/Main.js"
                ));
    
            bundles.Add(new ScriptBundle(Bundles.GiftCard).Include(
                        "~/Scripts/App/GiftCard.js"
                ));
    
            bundles.Add(new ScriptBundle(Bundles.JqueryJS).Include(
                        "~/Scripts/jquery-{version}.js"));
    
            bundles.Add(new ScriptBundle(Bundles.JqueryUI).Include(
                        "~/Scripts/jquery-ui-{version}.js"));
    
            bundles.Add(new ScriptBundle(Bundles.JqueryValidate).Include(
                        "~/Scripts/jquery.validate*"));
    
            // Use the development version of Modernizr to develop with and learn from. Then, when you're
            // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
            bundles.Add(new ScriptBundle(Bundles.Modernizr).Include(
                        "~/Scripts/modernizr-*"));
    
            bundles.Add(new ScriptBundle(Bundles.BoostrapJS).Include(
                      "~/Scripts/bootstrap.js",
                      "~/Scripts/respond.js"));
    
            bundles.Add(new ScriptBundle(Bundles.DataTablesJS).Include(
                    "~/Scripts/jquery.dataTables.js"));
    
            bundles.Add(new StyleBundle(Bundles.CSS).Include(
                      "~/Content/bootstrap.css",
                      "~/Content/site.css",
                      "~/Content/fonts.css"
                      )
                      .Include("~/Content/font-awesome.css"));
    
            bundles.Add(new StyleBundle(Bundles.DataTablesStyle).Include(
                "~/Content/Datatables/jquery.dataTables.css"));
    
    
            //bundles.UseCdn = true;
            //BundleTable.EnableOptimizations = true;
            //bundles.Add(new StyleBundle("~/bundles/azalea39",
            //"http://azalea.com/web-fonts/Code39Azalea.min.css"
            //).Include(
            // "~/Scripts/azalea39"));
    
        }
    }
    
    public static class Bundles
    {
        public const string CSS = "~/Content/css";
    
        public const string DataTablesStyle = "~/Content/datatables/css";
    
        public const string DataTablesJS = "~/bundles/datatables";
    
        public const string BoostrapJS = "~/bundles/bootstrap";
    
        public const string JqueryJS = "~/bundles/jquery";
    
        public const string JqueryUI = "~/bundles/jqueryui";
    
        public const string JqueryValidate = "~/bundles/jqueryval";
    
        public const string Modernizr = "~/bundles/modernizr";
    
        public const string ShippingMemo = "~/bundles/App/Main";
    
        public const string GiftCard = "~/bundles/App/GiftCard";
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-10-01
      • 1970-01-01
      • 2017-09-21
      • 2017-03-22
      • 2016-02-23
      • 2015-12-20
      • 2016-03-09
      • 2021-05-19
      相关资源
      最近更新 更多