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

Question

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

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

当我保存它时，手写笔将它格式化为类似的内容：

.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

Stylelint处理器与自动修复程序不兼容。

您应该使用适当的自定义系统来代替。

例如：

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