stylelint 中意外的未知规则“@use”答案

【问题标题】：Unexpected unknown at-rule "@use" in stylelintstylelint 中意外的未知规则“@use”
【发布时间】：2021-10-20 06:38:49
【问题描述】：

我在我的 Angular 项目中运行 stylelint，但出现错误：

Unexpected unknown at-rule "@use"

我的 stylelint 版本是"^13.12.0"。

我不想禁用此规则。我希望 stylelint 了解 scss 文件中的“@use”。

我也在 stylelint 演示网站上进行了测试，我得到了同样的错误。

@use 'sass:list';

a {color: #FFF; }

Stylelint 不支持@use？

我该如何解决这个问题？

【问题讨论】：

有一个专门针对 SCSS 的Stylelint plugin，你试过了吗？我认为您看到的 lint 错误的行为符合预期，因为 @use 在 vanilla CSS 中不可用。
是的，它解决了问题。谢谢

【解决方案1】：

如果您使用 Stylelint 对 SCSS 进行 linting，则 Stylelint documentation 中的 "Getting started" guide 现在将 recommends 扩展为 stylelint-config-standard-scss shared config。它将为 SCSS 配置 Stylelint。

您可以使用以下方式安装配置：

npm install --save-dev stylelint-config-standard-scss

然后更新你的 Stylelint 配置对象来扩展它：

{
  "extends": "stylelint-config-standard-scss"
}

【讨论】：