如何添加一个@顺风CSS规则CSS检查

顺风在规则中添加@顺风css，标记为未知。如何避免这种错误?

如styles.css

@tailwind起飞前的;

@tailwind公用事业;

当前回答

如果你使用VS Code，你可以使用PostCSS语言支持插件。

确保将scss文件与PostCSS关联。

其他回答

SCSS

如果你正在使用顺风的SASS，你仍然会在你的.scss文件中看到错误，使用这些前面的答案。

要正确地lint SASS，你可以添加到你的VS Code设置:

"scss.validate": false,

按照@hasusuf的指示，但关闭默认的VS Code验证器:

添加以下3个设置:

"css.validate": false,
"scss.validate": false,
"stylelint.enable": true,

现在vscode是可配置的，为了消除这个警告，你可以创建一个名为"。vscode"的文件夹然后创建一个名为settings。json的新文件在设置中。Json文件你可以粘贴这个Json

｛ “css.lint。unknownAtRules”:“忽略” ｝

我的建议是安装postCSS语言支持，然后重命名tailwind.css为tailwind。然后PCSS更改包中的引用。Json脚本(或任何构建脚本你正在使用顺风)顺风。PCSS从顺风。css和一切应该工作正常。

@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325

只需在设置中添加三行。json文件

"css.lint.unknownAtRules": "ignore",
"css.validate": true,
"scss.validate": true,

使用VScode，打开用户设置CTRL +，

搜索未知At规则

将Lint从警告更改为忽略

推荐文章