如何在node-sass中设置grid-template-areas并移除对应编译告警？

解决方案 #

你可以通过以下三种方式单独屏蔽grid-template-areas相关告警，无需关闭全部SCSS校验： #

方法1：通过.editorconfig配置全局抑制（最推荐）

该方案对整个项目生效，不需要修改业务代码：

• 在你的ASP.NET项目根目录下新建.editorconfig文件，如果已有则直接打开编辑
• 在文件中添加以下配置，直接禁用对应告警规则：

[*.{scss,sass,css}]
dotnet_diagnostic.CSS061.severity = none

注：如果你收到的告警ID不是CSS061，可以双击告警列表里的条目，查看属性中的规则ID，替换掉上方配置里的CSS061即可。

方法2：单行/单块代码注释抑制

如果只需要屏蔽特定位置的grid-template-areas告警，不需要全局禁用，可以在对应代码行/代码块上方加抑制注释：

/* suppress CSS061 */
grid-template-areas: 
  "header header"
  "sidebar main"
  "footer footer";

该配置只会抑制紧邻代码的告警，不影响其他位置的同类校验。 #

方法3：修改WebCompiler编译配置抑制

如果告警来自WebCompiler的编译过程而非VS编辑器校验，可以修改项目根目录下的compilerconfig.json文件，在对应scss文件的编译配置里添加sass静默选项：

{
  "outputFile": "wwwroot/css/site.css",
  "inputFile": "wwwroot/scss/site.scss",
  "options": {
    "sass": {
      "quiet": true,
      "quietDeps": true
    }
  }
}

以上三种方案都不需要额外安装扩展，就可以实现仅屏蔽grid-template-areas相关告警的需求。

内容的提问来源于stack exchange，提问作者jd0x0021