Build css modules using webpack in prod build

[coryhouse]

This is a quick example of using webpack to compile CSS Modules for production. Not perfect, since this also processes the JS, which we're already handling separately via the build:commonjs script, but you can throw the JS processed by Webpack away.

[sag1v]

Thanks for the effort Cory, much appreciated!
I'm afraid though that i don't fully understand this pattern, we are actually bundling the css to a single file main.some_hash.css and it is in the build/static/css folder, i've added it inside the lib/TextInputCSSModules folder and renamed it to textInput.css as the module expect to import it. but still no luck, the css module remains empty (as you can see in my screenshot below).
*Note that i did it inside node_modules/ps-react in another project as a consumer, and of course i forked this branch and manually copied the files to the node_modules.

[coryhouse]

Hi @sag1v - Sorry, yes, I agree this is just a starting point, not a finished example. I'm going to work on a full working solution, but it will be a few days before I complete it. Thanks for your patience! :)

[sag1v]

@coryhouse Thank you so much for doing this!
I think the root of this issue is that the js is processed out of webpack's flow, hence you can't really do something like this:
import styles from './styles.css'
because we use babel for our js processing which doesn't have something like css-loader with css modules option.
Maybe if the consumer of our library will use webpack with css modules and will include our library in the configuration of the css-loader (most people will exclude the whole node_modules folder ) this can work.
I may be wrong here, and i hope i do 🤞

[sag1v]

WIP in Porto! Woot!

Seems legit. Are we good to go? 🙏 😄

[sag1v]

Are you sure webpack can keep the folder structure of the components for both the js and css files?

[coryhouse]

Hi Sagiv - Sorry, I'm busy traveling out of the country for consulting and committed this as work in progress just to back it up. It's not complete. Not sure when I'll get it done since consulting work is very busy right now, but I think this commit is in the right direction.