How to config CSS-modules in React 16.5 new version?

John99Dev · October 15, 2018, 3:32am

Hi, I’m not able to configure css-modules in react 16.5 I have read the officail documents. I don’t get some idea If you have some experience about Css-modules configuration with eject So, tell me annd all the webpack.config.dev code has changed So

Best regards

shimphillip · October 15, 2018, 3:55am

If you are running a create-react-app template. You want to run this command. npm run eject

github.com

facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#npm-run-eject

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

Below you will find some information on how to perform common tasks.<br>
You can find the most recent version of this guide [here](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md).

## Table of Contents

- [Updating to New Releases](#updating-to-new-releases)
- [Sending Feedback](#sending-feedback)
- [Folder Structure](#folder-structure)
- [Available Scripts](#available-scripts)
  - [npm start](#npm-start)
  - [npm test](#npm-test)
  - [npm run build](#npm-run-build)
  - [npm run eject](#npm-run-eject)
- [Supported Browsers](#supported-browsers)
- [Supported Language Features](#supported-language-features)
- [Syntax Highlighting in the Editor](#syntax-highlighting-in-the-editor)
- [Displaying Lint Output in the Editor](#displaying-lint-output-in-the-editor)
- [Debugging in the Editor](#debugging-in-the-editor)

This file has been truncated. show original

John99Dev · October 15, 2018, 7:27am

I knew about that But before we are configured the CSS by eject by including

modules: true,
localIdentName: '[name]_[local]_[hash:base65:5'

but Now I’m not getting the old place to put these line code there and Use Css class by

<div className={ class.name }>

Like this

Now how Can I do this in new version which is up-to-date.