Blazor 或 MudBlazor 是否允许 CSS 打包

【问题标题】：Does Blazor or MudBlazor allow for CSS packingBlazor 或 MudBlazor 是否允许 CSS 打包
【发布时间】：2022-10-18 22:48:08
【问题描述】：

对于传统的 JavaScript 框架，使用 WebPack 等打包框架有助于优化有效负载大小。

Blazor 中的 JavaScript（除非我们使用 JS Interop）要少得多。

MudBlazor 或 Blazor 是否允许任何 CSS 缩小？我注意到 CSS 在呈现的 HTML 中以完整形式出现。

【问题讨论】：

标签： css webpack blazor blazor-webassembly mudblazor

【解决方案1】：

我在我的 blazor 应用程序上使用 BuildBundlerMinifier nuget 包，它可以工作。您需要创建一个新的 json 文件捆绑配置.json里面有这个：

[
   {
     "outputFileName": "wwwroot/css/bundle.min.css",
     "inputFiles": [
     "wwwroot/css/app.css",
     "wwwroot/css/site.css"
     ]
   },
   {
     "outputFileName": "wwwroot/scripts/bundle.min.js",
     "inputFiles": [
     "wwwroot/scripts/core.js",
     "wwwroot/scripts/index.js"
     ],
     "minify": {
     "enabled": true,
     "renameLocals": true
     },
     "sourceMap": false
   }
]

构建应用程序后，您将获得新文件，并且只需要在您的应用程序中引用这些文件

【讨论】：