react-app-rewire-css-modules
Add CSS Module loaders to your create-react-app via react-app-rewired.
CSS Module styles can be written in CSS (including CSSNext)
Unlike codebandits/react-app-rewire-css-modules this fork does NOT contain any SASS. Enough problems with the node-sass lib already.
Also uses [path][name]__[local]
instead of '[local]___[hash:base64:5]
Installation
This package is not yet published to the npm registry. Install from GitHub:
yarn add --dev tomaash/react-app-rewire-css-modules
OR
npm install --save-dev tomaash/react-app-rewire-css-modules
Usage
Use the following file extensions for any CSS Modules styles:
*.module.css
Files with the following file extensions will load normally, without the CSS Modules loader:
*.css
Example
In your react-app-rewired configuration:
/* config-overrides.js */ const rewireCssModules = ; module { // ... config = ; // ... return config;}
In your React application:
/* src/App.module.css */ }
// src/App.js import React from 'react';import styles from './App.module.css'; text <div =>text</div>