Unexpected unknown at-rule "@use" in stylelint

Question

I run stylelint in my angular project and I got error:

Unexpected unknown at-rule "@use"

My stylelint version is "^13.12.0".

I don't want to disable this rule. I want stylelint to know about "@use" in scss files.

I also tested in stylelint demo website and I got the same error.

@use 'sass:list';

a {color: #FFF; }

Stylelint doesn't support @use?

How can I solve this issue?

There's a [Stylelint plugin](https://github.com/stylelint-scss/stylelint-scss) specifically for SCSS, have you given that a try? I presume the lint error you're seeing is behaving as intended because `@use` isn't available in vanilla CSS. — miqh, Oct 20 '21 at 06:47

score 0 · Answer 1 · answered Oct 21 '21 at 19:24

If you're linting SCSS with Stylelint, the "Getting started" guide within the Stylelint documentation now recommends extending the stylelint-config-standard-scss shared config. It will configure Stylelint for SCSS.

You can install the config using:

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

And then update your Stylelint configuration object to extend it:

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

1 Answers1