Fix flow import style issue

gistfile1.txt

GOAL:

Make flow understand *.css files and map them to an exported Object or whatever type you need... also to prevent this dreaded module not found error.

STEPS:

In your project folder, create a file helpers/CSSModule.js with following content:
//@flow

export default {};
Now tell flow in your .flowconfig that you want to redirect all *.css require / imports to your newly created helpers/CSSModule.js file:
[ignore]

[include]

[libs]

[options]
module.file_ext=.css
module.file_ext=.js
module.file_ext=.jsx
module.file_ext=.json

module.name_mapper='.*\.css$' -> './helpers/CSSModule'
Restart your flow with flow stop && flow start
RESULT:

Now everything is set up... let's assume we have a file test.js and whatever.css in the same directory:

// whatever.css

div {
  color: blue;
}
// test.js

//@flow

import styles from './whatever.css';
styles will now be of type Object, since I mapped it to the CSSModule export instead.