webhint parser needed to analyze SASS and SCSS files
npm install @hint/parser-sass@hint/parser-sass)The SASS parser is built on top of [PostCSS][postcss] so hints can
analyze SASS and SCSS files. It emits the same events as@hint/parser-css so existing hints targeting CSS files will work
without modification.
This package is installed automatically by webhint:
``bash`
npm install hint --save-dev
To use it, activate it via the [.hintrc][hintrc] configuration file:
`json`
{
"connector": {...},
"formatters": [...],
"hints": {
...
},
"parsers": ["sass"],
...
}
Note: The recommended way of running webhint is as a devDependency of
your project.
This parser emits the following events:
* parse::start::css of type Event which contains the following information:
* resource: the resource we are going to parse.
* parse::end::css of type StyleParse which has the following information:
* ast: a PostCSS Root object containing the AST.walk*
See the [PostCSS APIs][postcss-walk] for help navigatingcode
the AST.
* : a string containing the raw stylesheet source code.element
* : an HTMLElement reference if the source was inlinenull
in HTML; otherwise.resource
* : the parsed resource. If the CSS is in a style tag
and not a file, the value will refer to the HTML document containing
the stylesheet.
This parser is not fault-tolerant (unlike @hint/parser-css`) so only
well-formed files will be parsed.
[hintrc]: https://webhint.io/docs/user-guide/configuring-webhint/summary/
[postcss]: https://postcss.org/
[postcss-walk]: https://api.postcss.org/Container.html#walk