如何解决出现Unknown at rule @applyscss(unknownAtRules)警告？
发布于2022-03-18 22:54 阅读(4775) 评论(0) 点赞(23) 收藏(1)
在nuxt框架当中使用tailwindcss出现：@apply下面出现警告
怎么取消这个警告呢？
安装 Stylelint
首先，我们需要安装Stylelint本身和一个包含合理标准配置的包。
npm install --save-dev stylelint stylelint-config-standard在使用nuxt创建项目的时候， 如果Stylelint已经安装了，就不用重复安装了
创建 Stylelint 配置
将stylelint.config.js使用以下内容命名的文件放入项目的根文件夹中。
- module.exports = {
- extends: ["stylelint-config-standard"],
- rules: {
- "at-rule-no-unknown": [
- true,
- {
- ignoreAtRules: [
- "tailwind",
- "apply",
- "variants",
- "responsive",
- "screen",
- ],
- },
- ],
- "declaration-block-trailing-semicolon": null,
- "no-descending-specificity": null,
- },
- };
安装 Visual Studio Code 扩展
接下来，您需要为 Visual Studio Code 安装两个扩展。
调整 Visual Studio Code 设置
最后，您必须将这三行settings.json代码放入您的 Visual Studio Code 中。它们禁用所有内置 CSS 验证。这些现在由 Stylelint 处理。
- "css.validate": false,
- "less.validate": false,
- "scss.validate": false
最终的结果
@apply下面的警告消失
原文链接:https://blog.csdn.net/sinat_36728518/article/details/119733197
所属网站分类: 技术文章 > 博客
作者：听说你很拽
链接：http://www.qianduanheidong.com/blog/article/318478/c75922d16fd37b0c0022/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力