react-scripts-cssmodules

Adds CSS Modules to Create React App.

How to use

Either create a new project using
create-react-app my-app --scripts-version react-scripts-cssmodules
or within your existing project uninstall react-scripts and install react-scripts-cssmodules.

Using CSS and CSS Modules

To import as regular css, do the same as in CRA. import mystyles.css
To import as css modules, rename the file to [name].module.css and the use as normal css modules.

Example

$3

``css
.button {
padding: 20px;
}
`

$3

`css
.button {
color: green;
}
`

$3

`js
import React, { Component } from 'react';
import './another-stylesheet.css'; // Import regular stylesheet
import styles from './Button.module.css'; // Import css modules stylesheet as styles

class Button extends Component {
render() {
// You can use them as regular CSS styles
return