Handle linting checks for both sass and styled-components in the same app

[EmmanuelPonnudurai]

Hello. I have scss, styled-components (via typescript) and traditional css in my app. This plugin takes care of *.scss and *.css but how do I get it to also cover styled-components? Is that even supported?

[evenstensberg]

• https://github.com/styled-components/stylelint-processor-styled-components

[EmmanuelPonnudurai]

Hello. Thanks for the reply. I already have that and I have two separate stylelintrc json configs and commands to run stylelint checks on scss and styled-component files via those condigs, which works just fine.

I also have the set up to do these checks during the webpack build process via this specific plugin (stylelint-webpack-plugin)

My question is, how do it get it to run both of them as part of this plugin? Some way to pass both the configs or some other option? Today I have it set up as,

new StylelintPlugin({
  emitError: true,
  emitWarning: true,
  failOnError: true,
  cache: true
})

This works fine but it only runs the stylelint checks for scss files.

[evenstensberg]

You probably should ask this in Stack Overflow. I bet there's people with the same problem.