Stylelint将.tsx文件格式化为.css

Question

Stylelint似乎以奇怪的方式将我的.tsx文件格式化为.css。让我们假设这是我的组件:

const StyledWrapper = styled.div`
&&& {
padding: 0;
}
`;

保存后，stylelint将其格式化为如下格式:

.selector27 {
&&& {
padding: 0;
}
}

怎么了?

这是我的.stylelinrc.json文件:

{
"processors": [
"stylelint-processor-styled-components"
],
"extends": [
"stylelint-config-standard-scss", 
"stylelint-config-styled-components"
],
"customSyntax": "postcss-scss",
"rules": {}
}

Answer 1

字体处理器与autofix不兼容。

你应该使用一个合适的自定义系统。

例如:

{
"extends": [
"stylelint-config-standard-scss", 
"stylelint-config-styled-components"
],
"customSyntax": "@stylelint/postcss-css-in-js",
"rules": {}
}