如何使用 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
.
中可用
实际上,我正在尝试在 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
.