将Lint样式转换为Pug文件

我想将CSS转换成Pug

样式。

标记原始内容（CSS）和

样式

属性内容（CSS）

看起来Stylelint是一个正确的工具

Stylelint可以在

html

文件中lint CSS字符串和代码块，按预期工作

但是如果我尝试对

pug

做同样的操作，我会得到

未知单词CssSyntaxError

错误

我为测试创建了一个repo，并将测试输出作为注释添加到NPM脚本中：

Stylelint lints

html

用于确定html标记和属性中的CSS。我发现不推荐使用模块链接。但它在我没有这个处理器的情况下工作（查看上面的测试回购）。看起来HTML处理器是内置的

我找不到Stylelint的帕格处理器。尝试查找一个（12个结果），（15个结果）和（14个存储库）

也许我错过了什么？我应该写

stylelint处理器pug

还是深入研究

stylelint处理器的任意标记

RegExp

看起来Stylelint是一个正确的工具

是的。它支持对CSS文件和带有现成HTML文件的

块进行筛选和修复。它还可以扩展为支持pug模板中的

style.

块和

style=”“

属性

我应该写

stylelint处理器pug

您可以编写一个

stylelint处理器pug

，这将允许您在pug模板中过滤而不是修复样式。但是，建议的方法是编写一个，例如

postsss-pug

然后，您可以使用所有基于POSTSS的工具（包括stylelint）来转换和分析pug模板中的样式。我建议您查看

postsss html

和

postsss markdown

以获得灵感，因为它们解决了各自语法的类似问题

编写自定义语法后，需要在单独的stylelint任务中使用它，如下所示：

{
  "scripts": {
    "lint-styles": "stylelint '**/*.{css,html}'",
    "lint-pug-styles": "stylelint '**/*.pug' --custom-syntax postcss-pug"
  }
}