Asp.net mvc 捆绑和缩小未呈现正确路径

Asp.net mvc 捆绑和缩小未呈现正确路径,asp.net-mvc,asp.net-mvc-3,c#-4.0,asp.net-mvc-4,bundling-and-minification,Asp.net Mvc,Asp.net Mvc 3,C# 4.0,Asp.net Mvc 4,Bundling And Minification,我对ASP.NET MVC 4的捆绑和缩小功能有问题。基本上,我有以下捆绑设置: bundles.Add(new StyleBundle("~/backendcss").Include( "~/backendContent/bootstrap/css/bootstrap.min.css", "~/backendContent/assets/jui/css/jquery-ui.css",

我对ASP.NET MVC 4的捆绑和缩小功能有问题。基本上,我有以下捆绑设置:

        bundles.Add(new StyleBundle("~/backendcss").Include(
                    "~/backendContent/bootstrap/css/bootstrap.min.css",
                    "~/backendContent/assets/jui/css/jquery-ui.css",
                    "~/backendContent/assets/jui/jquery-ui.custom.css",
                    "~/backendContent/plugins/uniform/css/uniform.default.css",
                    "~/backendContent/plugins/fullcalendar/fullcalendar.css",
                    "~/backendContent/plugins/fullcalendar/fullcalendar.print.css",
                    "~/backendContent/assets/css/fonts/icomoon/style.css",
                    "~/backendContent/assets/css/main-style.css",
                    "~/backendContent/plugins/pnotify/jquery.pnotify.css",
                    "~/backendContent/plugins/msgbox/jquery.msgbox.css",
                    "~/backendContent/IntroJS/css/introjs.css"));
当它们被放置在页面上时,它们会显示为:

<link href="/backendContent/assets/jui/css/jquery-ui.css" rel="stylesheet"/>
<link href="/backendContent/assets/jui/jquery-ui.custom.css" rel="stylesheet"/>
<link href="/backendContent/plugins/uniform/css/uniform.default.css" rel="stylesheet"/>
<link href="/backendContent/plugins/fullcalendar/fullcalendar.css" rel="stylesheet"/>
<link href="/backendContent/plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet"/>
<link href="/backendContent/assets/css/fonts/icomoon/style.css" rel="stylesheet"/>
<link href="/backendContent/assets/css/main-style.css" rel="stylesheet"/>
<link href="/backendContent/plugins/pnotify/jquery.pnotify.css" rel="stylesheet"/>
<link href="/backendContent/plugins/msgbox/jquery.msgbox.css" rel="stylesheet"/>
<link href="/backendContent/IntroJS/css/introjs.css" rel="stylesheet"/>
有什么想法吗?我很抱歉,但这是我第一次使用这个功能,这个网站有这么多的css和js,这将节省大量的带宽,加快整个网站。再加上它实在太酷了(如果我能让它工作的话)

  • 不应渲染
    ~
    。这是asp.net中的一个特殊字符,表示应用程序的根

  • 我不知道你为什么会对实际的缩小有问题,但是如果没有来源,那将很难诊断

  • 优化后的链接应该是这样的。结尾的?v=xxx用于缓存破坏,以便人们在更改css文件时获得更新的css

  • Darren Kopp是对的“不应该渲染~这是asp.net中的一个特殊字符,它表示应用程序的根”

    不要使用“.min”,因为当您设置
    BundleTable.EnableOptimizations=true时将最小化您的文件。。所以应该是这样,

    bundles.Add(new StyleBundle("~/backendcss").Include(
                        "~/backendContent/bootstrap/css/bootstrap.css",
                        "~/backendContent/assets/jui/css/jquery-ui.css",
                        "~/backendContent/assets/jui/jquery-ui.custom.css",
                        "~/backendContent/plugins/uniform/css/uniform.default.css",
                        "~/backendContent/plugins/fullcalendar/fullcalendar.css",
                        "~/backendContent/plugins/fullcalendar/fullcalendar.print.css",
                        "~/backendContent/assets/css/fonts/icomoon/style.css",
                        "~/backendContent/assets/css/main-style.css",
                        "~/backendContent/plugins/pnotify/jquery.pnotify.css",
                        "~/backendContent/plugins/msgbox/jquery.msgbox.css",
                        "~/backendContent/IntroJS/css/introjs.css"));
    

    我认为要使缩小工作正常,您需要添加global.asax文件

    BundleTable.EnableOptimizations=true


    您还可以尝试创建不同的css文件组,例如将jqueryui与引导程序分开等等。

    交叉检查css文件的顺序。并删除或重命名.min文件。然后在不使用BundleTable的情况下进行检查。EnableOptimizations=true;每一份文件都来了吗?如果再次发生错误,请告诉我。@kunjee好的,经过一系列的调试,返回源代码,我发现如果没有
    EnableOptimizations=true
    ,引导文件就丢失了。修复
    .min
    后,站点呈现良好。但是,当我打开优化时,我仍然会遇到所有这些错误
    CSS1019
    我将尝试将所有文件夹拆分为单独的捆绑包,但这不是有点违背捆绑的目的吗?是的,它确实。。。但要找到根本原因,这是唯一的方法。。。找到问题后,再将其合并。相信我,这不是因为捆绑销售。我已经为一个非常大的项目打包了足够多的文件,效果非常好。如果你能找到文件,请更新问题,这样它将有助于解决这个错误背后的问题。就我所见,css中一定有一些错误,不允许它绑定。所以,当优化为false时,它只是在不检查的情况下服务,但在尝试绑定时会抛出错误。甚至您也可以检查输出日志以查找文件。
    bundles.Add(new StyleBundle("~/backendcss").Include(
                        "~/backendContent/bootstrap/css/bootstrap.css",
                        "~/backendContent/assets/jui/css/jquery-ui.css",
                        "~/backendContent/assets/jui/jquery-ui.custom.css",
                        "~/backendContent/plugins/uniform/css/uniform.default.css",
                        "~/backendContent/plugins/fullcalendar/fullcalendar.css",
                        "~/backendContent/plugins/fullcalendar/fullcalendar.print.css",
                        "~/backendContent/assets/css/fonts/icomoon/style.css",
                        "~/backendContent/assets/css/main-style.css",
                        "~/backendContent/plugins/pnotify/jquery.pnotify.css",
                        "~/backendContent/plugins/msgbox/jquery.msgbox.css",
                        "~/backendContent/IntroJS/css/introjs.css"));