Make local classnames global

[mxstbr]

This is the only way I've found to "disable" the :local(.class) notation.

It disables it in the sense that the generated classname will just be "class" – it doesn't keep users from doing the webpack-specific thing though:

import styles from './styles.css';

<div className={styles.class} />

That means it'll still break users builds if they for some reason rely on the above and we change to a different bundler.

Closes #90

[vjeux]

Can you add a comment above explaining why you need this incantation, otherwise it'll be confusing when looking at this line in a few months

[mxstbr]

Wait @vjeux, following the discussion in #90 I'm not 100% sure we want to merge this. I'll add the comment for now though.

[gaearon]

Man, I know what we should do!

import styles from './styles.css';

Write a custom lint rule against importing anything from .css file. This defeats the purpose of using CSS modules and protects us.

import styles from './styles.css'; // should trigger our lint rule
import './styles.css'; // should be fine

[mxstbr]

That actually sounds very reasonable! (also, that "Aha!" moment 👍)

[gaearon]

Let’s close this then. Would you like to write that rule?

[mxstbr]

I've never written a rule and don't have the time to dig into that at the moment, so I'd rather somebody from the community does that!