Question

在启用样式组件处理器的情况下，是否可以全局关闭插值中的stylelint linting？我的eslint配置应该适用于这种情况，并且我不希望我的stylelint配置干扰它。有什么方法可以解决这个问题？

例如，由于stylelint的CSS value-keyword-case规则，这段代码将产生错误。但是因为它在插值内部（所以它只是JS而没有CSS），所以我想对此类地方关闭棉绒。

const MyStyling = styled.div`
  color: ${props => props.colors.darkPink};
`

我用什么

{
  "stylelint": "^9.10.1",
  "stylelint-config-standard": "^16.0.0",
  "stylelint-config-styled-components": "^0.1.1",
  "stylelint-processor-styled-components": "^1.5.2"
}

Answer 1

我遇到了同样的问题。

在找不到适用于禁用javascript中非字符串值的stylelint规则的特定内容之后，我决定使用以下几行禁用value-keyword-case规则：

/* stylelint-disable-line value-keyword-case */

我的代码中的示例：

const buttonStyles = css<Props>`
  /* CSS property: value pairs removed for simplicity */
`

const DecoyButton = styled.div`
  ${buttonStyles} /* stylelint-disable-line value-keyword-case */
`

const Button = styled('button').attrs((props: Attrs) => ({
  type: props.type || 'button',
}))`
  ${buttonStyles} /* stylelint-disable-line value-keyword-case */
`

如何为所有非字符串值禁用stylelint

1 个答案: