捆绑 css 文件 - 找不到文件答案

【问题标题】：Bundling css file - file not found捆绑 css 文件 - 找不到文件
【发布时间】：2013-01-11 09:26:52
【问题描述】：

我正在使用 BundleConfig 将我的 css 和 javascript 文件捆绑到 mvc 4.0 项目中。刚开始使用它，但不知何故我捆绑的 css 文件从服务器获得 404 状态。想知道是什么问题。

这是我的设置；

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/CSSJSBundles/3rdpartycss").Include(
                    "~/Scripts/jquery.jnotify.css"

)); }

    BundleTable.EnableOptimizations = true;
}

我已经在我的根目录中创建了那个文件夹：'CSSJSBundles'。我需要吗？或者它只是 mvc 使用的虚拟文件夹？我还需要在 Global.aspx 中进行任何设置吗？

我也删除了文件夹，该捆绑的 css 文件仍然存在 404 错误。

【问题讨论】：

请说明您是如何引用您的包以及引用如何呈现给客户端的。
还可以考虑将您的 css 移动到名为“content”的文件夹中。 “脚本”通常用于 javascript 文件。
感谢大家的回答。首先，在“StyleBundle”上找到了很棒的发现。我把它换了。其次，它仍然不起作用。我的项目“CSSJSBundle”中是否必须有这样一个文件夹？第三，这是我在 _layout 文件中引用它的方式：@Styles.Render("~/CSSJSBundles/3rdpartycss", "~/CSSJSBundles/widgetscss", "~/CSSJSBundles/controllerscss");我试图将调试模式切换到“关闭”仍然不起作用..但这不是那一行：'BundleTable.EnableOptimizations = true;'应该注意启用捆绑吗？感谢您的帮助！
只使用@Styles.Render("~/CSSJSBundles/3rdpartycss")会发生什么
@user194033 如果你使用 MVC4，你的 global.asax.cs 应该有 BundleConfig.RegisterBundles(BundleTable.Bundles);。

标签： c# javascript asp.net asp.net-mvc-4 bundling-and-minification

【解决方案1】：

你必须使用 StyleBundle ...不是 ScriptBundle 因为它是一个css文件。

对于 js 文件，你应该使用 ScriptBundle。

试试

public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new StyleBundle("~/bundles/3rdpartycss").Include(
                        "~/Content/jquery.jnotify.css"
                        ));
        }

【讨论】：

+1... 我注意到他将 css 放在了脚本文件夹中，但不是他在调用 ScriptBundle。 :)

【解决方案2】：

如前一个答案中所述，您需要将ScriptBundle 更改为StyleBundle。
BundleTable.EnableOptimizations = true; 不是必需的。这样做是在您处于调试模式时强制进行捆绑和缩小。默认操作不是在调试模式下捆绑/缩小，因此您可以更轻松地调试。当您想查看输出时使用该行，因为它会在发布模式下发生。
不，您不需要该文件夹 CSSJSBundles 物理存在。
看来您需要将此行添加到您的global.asax.cs 文件中的Application_Start()：BundleConfig.RegisterBundles(BundleTable.Bundles);

【讨论】：