css-modules

I have a react component which has X options for a stylesheet to be imported which is using CSS Modules. I ideally want to have a global environment variable fetched by using e.g. process.env.THEME I can't use: import MyStyleSheet from `${process.env.THEME}/my.module.css` I can use: const MyStyleSheet = require(process.env.THEME/my.module.css); however..... import/no-dynamic-require eslint rule kicks off saying its bad. https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-dynamic-require.md All the articles and posts I read say its not possible. Surely this is a common

According to a tweet by Dan Abramov, CSS modules support is there in create-react-app (CRA). One just needs to give extension of module.css to his stylesheets to enable the feature, but this is not working with me. I am having version 1.1.4 of react-scripts . How can I enable css modules with CRA? Thanks You do not need to eject. Create-React-App supports css modules right out of the box as of version 2, which is now stable. Upgrade to v2 ( react-scripts@latest ) by running yarn upgrade react-scripts@latest . You just have to create a file with the extension .module.css For example: .myStyle {