html - Asp.Net Core 2.1 静态文件

Question

通常我们将 css 链接到 like

<environment include="Development">
        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
        <link rel="stylesheet" href="~/css/site.css" />
        <link rel="stylesheet" href="~/css/IndexCss.css" />
    </environment>

但是我可以只链接文件夹吗？ Cus有太多的css需要链接...或者任何建议

Answer 1

ASP.NET Core MVC带有一个内置的 bundler 和缩小器，所以很多CSS文件可以合二为一，JavaScript也是如此文件。

只需创建一个名为 bundleconfig.json 的文件在元素的根目录下，内容如下:

[
  {
    "outputFileName": "wwwroot/css/site.min.css",
    "inputFiles": [
      "~/lib/bootstrap/dist/css/bootstrap.css",
      "~/css/*.css"
    ]
  },
  {
    "outputFileName": "wwwroot/js/site.min.js",
    "inputFiles": [
      "~/js/*.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    },
    "sourceMap": false
  }
]

更多信息在这里: https://learn.microsoft.com/en-us/aspnet/core/client-side/bundling-and-minification?view=aspnetcore-2.2&tabs=visual-studio