stylelint报错at-rule-no-unknown

stylelint报错at-rule-no-unknown

stylelint还将各种 sass @-rules 标记@mixin为@include显示未知错误 at-rule-no-unknown

✖ stylelint --fix:

Deprecation warnings:
78:1  ✖  Unexpected unknown at-rule "@mixin"    at-rule-no-unknown
112:3  ✖  Unexpected unknown at-rule "@include"  at-rule-no-unknown
120:3  ✖  Unexpected unknown at-rule "@include"  at-rule-no-unknown

原因

在我commit代码时，husky进行校验，之后出现了这个错误

这是因为我们没有安装sass编译的扩展包，stylelint-config-recommended-scss

解决方案

第一步

安装stylelint-config-recommended-scss

npm i stylelint-config-recommended-scss
yarn add stylelint-config-recommended-scss

第二步

在.stylelintrc.js中添加以下规则

// @see: https://stylelint.io

module.exports = {
    // ...
    extends: [
        // ...其它规则
        'stylelint-config-recommended-scss',
    ]
};

之后就好了