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

时间:2017-06-15 14:38:47

标签: webpack sass stylelint

我实际上是想在Webpack 2项目中为我的 .sass 文件使用linter。所以我使用" stylelint-webpack-plugin",但无论我如何配置它,我总是收到有关分号的警告/错误(与.sass语法无关)。 似乎poscss-sass包没有完成这项工作......对于使用.sass(而不是.scss)语法的人来说,有没有解决方案? Thx提前!

1 个答案:

答案 0 :(得分:0)

postcss-sass解析器非常新,它与stylelint的兼容性仍然是evaluated。它尚未捆绑在stylelint中,因此无法通过stylelint-webpack-plugin syntax option提供。

  

我总是收到有关分号的警告/错误(与.sass语法无关)。

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

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

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

这可以解决您在分号时遇到的任何语法错误。

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

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