在bundleconfig中添加bootstrap在asp.net mvc中不起作用

Sna*_*yes 31 c# asp.net-mvc asp.net-mvc-4 twitter-bootstrap

我遇到了一个问题,在我看来很奇怪.

我通过nuget包控制台安装了bootstrap.

之后,在BundleConfig.cs文件中,我添加了两个要bundles列出的项目:

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                    "~/Scripts/bootstrap.min.js"));

bundles.Add(new StyleBundle("~/Content/bootstrap").Include(
                     "~/Content/bootstrap.min.css", 
                     "~/Content/bootstrap-theme.min.css"));
Run Code Online (Sandbox Code Playgroud)

当然,这些文件存在于本地.

_Layout.cshtml文件包含

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Styles.Render("~/Content/bootstrap")

</head>
<body>
    @RenderBody()

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

但是当我看到一个视图(例如登录页面)时,我看到该bundle没有附加bootstrap部分.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Login</title>
    <link href="/Content/Site.css" rel="stylesheet"/>
    <script src="/Scripts/modernizr-2.6.2.js"></script>    
    <!-- I expect bootstrap here but it is not displayed -->
</head>
<body>

...

<script src="/Scripts/jquery-1.9.1.js"></script>
<!-- I expect bootstrap here but it is not displayed -->
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Rad*_*ler 66

使用Bundle时,请不要附加 .min

bundles.Add(new StyleBundle("~/Content/bootstrap").Include(
    "~/Content/bootstrap.css", 
    "~/Content/bootstrap-theme.css"));
Run Code Online (Sandbox Code Playgroud)

基于调试设置,(主要是web.config)

  • debug="true" - 将使用非缩小版本.
  • debug="false"- *.min.css将被搜索,如果没有找到,将缩小当前

web.config设置:

<system.web>
  <compilation debug="true"...
Run Code Online (Sandbox Code Playgroud)

  • 这是一个不错的功能。但我觉得烦人的是,如果你不知道这一点,你就会挠头。此外,除非您将 debug 设置为 true,否则您需要同时下载两者 (3认同)
  • 你救了我新的一年:).那个`.min.影响了我的大脑:))谢谢. (2认同)
  • 重要提示:调试时需要非最小文件。如果它不存在,那么它不会被包含在内。 (2认同)