如何在 Blazor 中使用 NuGet 包中的 scss 文件？答案

【问题标题】：How to use scss files from NuGet package in Blazor?如何在 Blazor 中使用 NuGet 包中的 scss 文件？
【发布时间】：2021-03-21 03:33:35
【问题描述】：

我有一个 nuget 包，其中包含作为静态 Web 资产的一系列 css 和 scss 文件，当我使用 _content/packageName/file.css 引用 css 文件时，我没有问题，但是当我尝试对 scss 执行相同操作时(_content/packageName/file.scss) 文件它没有找到它。我需要使用 mi nuget scss 文件中的变量，有没有一种方法可以访问它们而无需将源代码添加到我的项目中？

【问题讨论】：

我不这么认为。库是固定的——你不能“重新编译”它们。我很确定这适用于 CSS。如果你想重建 CSS，你需要掌握源 scss，然后引用重新编译的 css 文件。

标签： sass nuget blazor

【解决方案1】：

引用CSS isolation bundling:

CSS 隔离发生在构建时。在此过程中，Blazor 重写 CSS 选择器以匹配组件呈现的标记。这些重写的 CSS 样式在 {PROJECT NAME}.styles.css 中捆绑并生成为静态资产，其中占位符 {PROJECT NAME} 是引用的包或产品名称。

<link href="ProjectName.styles.css" rel="stylesheet">

【讨论】：