stylelint是否可以在配置中关闭“Unknown word CssSyntaxError”？

Question

问题描述

在Vben Admin的基础上进行二次开发，提交代码时报错：

src/views/base/class/ClassDrawer.vue
 14:12  ✖  Unknown word  CssSyntaxError

报错的这个词就是defineComponent。

问题出现的环境背景及自己尝试过哪些方法

版本如下：

"vue": "^3.2.21",
"stylelint": "^14.0.1",

我看到有些博文提到，目前stylelint对于vue还不是很适配，我又不想因为这一个问题而放弃stylelint对代码的约束，所以我想使用stylelint但关闭这一项报错的规则。但是我没有找到Unknown word CssSyntaxError是哪一条规则在处理，以及如何关闭。

相关代码

import { defineComponent, ref, computed, unref } from 'vue';

你期待的结果是什么？实际看到的错误信息又是什么？

我希望解除对于defineComponent的报错，如果可以的话关闭规则可能对于其他的影响最小，但我不确定这是不是一个最优的解决方法。
谢谢！

Answer 1

Vben的话, 你只需要去修改.stylelintrc.json里的customSyntax这个，把原来的"customSyntax": "postcss-less"改成"customSyntax": "postcss-syntax"