如何使用 stylelint-webpack-plugin(使用 webpack 2)正确地检查 .sass 文件?

How to correctly lint .sass files using stylelint-webpack-plugin (with webpack 2)?

实际上,我正在尝试在 Webpack 2 项目中为我的 .sass 文件使用 linter。所以我正在使用 "stylelint-webpack-plugin",但无论我如何配置它,我总是得到 warnings/errors 关于分号(与 .sass 语法无关)。 似乎 poscss-sass 包没有完成这项工作......对于使用 .sass (不是 .scss)语法的人有什么解决方案吗? 提前致谢!

postcss-sass 解析器非常新,它与 stylelint 的兼容性仍在 evaluated. It is not yet bundled within stylelint, and is therefore not available via stylelint-webpack-plugin's syntax option

I always get warnings/errors about semicolons (which are not relevant with .sass syntax).

这是因为,在没有 postcss-sass 解析器的情况下,标准 PostCSS 解析器正在尝试解析您的 SASS代码。它期望声明块中的声明用分号分隔。

custom-syntax 选项由 stylelint 本身提供。因此,如果您愿意,可以使用 stylelint CLI 使用 postcss-sass 解析器进行 实验:

stylelint "**/*.sass" --custom-syntax postcss-sass

这应该可以解决您遇到的关于分号的任何 语法 错误。

如果您使用 stylelint-config-standard,您还应该 turn off any rules 检查大括号和分号。


作为 SASS 的替代方法,您可以使用 SugarSS。它是一种基于缩进的 CSS 语法,与 stylelint 兼容并在 stylelint-webpack-plugin.

中可用