Generated classnames contain 'styles' prefix

[janhoogeveen]

Versions of kyt, node, OS

Kyt v0.7.0
Node v8.1.2
NPM v5.3.0

Bug or Feature?

Bug-ish

Current Behavior

CSS Modules stylenames are getting the 'styles-' prefix in DOM output. I've never seen CSS-modules do this.

Desired Behavior

Instead of
styles-LoginForm--382l8

I'd expect to see
LoginForm--382l8

as the generated classname.

Worth mentioning is that the style filenames are styles.scss.

[tizmagik]

This is because of how the localIdentName is specified:

localIdentName: '[name]-[local]--[hash:base64:5]'

So it uses the filename then the "local" className then a hash. You could change this in your modifyWebpackConfig() or change the scss filename to match the component name.

[janhoogeveen]

Got it! Thanks for that!