Question

如何正确捆绑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

Answer 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";
}

正确捆绑datatables.net.core nuget包

1 个答案: