ASP 核心捆绑配置。 CSS 未应用于视图

Question

我有一个 ASP Core 项目，并在项目库中添加了一个bundleconfig.json 。 在bundleconfig.json我为 bootstrap.css 添加了以下代码

{
  "outputFileName": "wwwroot/css/bundles/bootstrap.css",
  "inputFiles": [
    "wwwroot/css/Plugins/bootstrap/bootstrap.css"
  ]
},

当我构建项目时，我可以在项目的指定路径中看到bootstrap.css文件。 我已将bootstrap.css 8CBA22E28EB17B5F5C6AE2A266AZ 文件放在<head>标记内的_Layout.cshtml视图中。

<environment include="Development,Staging,Production">
    <style src="/css/bundles/bootstrap.css" type="text/css"></style>
</environment>

当我加载我的网站时，没有应用任何引导 css 样式。 如果我使用 chrome 开发工具查看源代码，我可以看到

<style src="/css/bundles/bootstrap.css" type="text/css"></style>

当我点击它时，我可以看到文件中存在所有正确的 css 代码。

我还安装了 BundlerMinifier.Core nuget package 和 Bundler & Minifier 扩展，正如我在其他帖子中看到的其他人所建议的那样。

Answer 1

语法应该是<link href="/css/bundles/bootstrap.css" rel="stylesheet">