Я хочу установить css-modules впервые для React учебного проекта.
Я узнал, что на react-app +2 мне не нужно eject, чтобы получить css-modules Бег. Я попытался изучить процесс в этой ссылке безуспешно, так как css -модули, настроенные , исчезли из документов.
Я создал react проект с использованием веб-шторма. Я не могу найти свой файл webpack.config. js.
Не могли бы вы, пожалуйста, объяснить, как мне сделать эту работу над моим проектом?
Я пробовал следующее:
Приложение. js file
import React, {Component} from 'react';
import classes from './App.css';
import UserOutput from './Components/UserOutput/userOutput'
//...code in between
return (
<div className={classes.App}> //I have tested this, but it does not work
<h1>This is a ReactJs exercise App!</h1>
<h2 className={assignedClasses.join(' ')}>Cool Cards are being displayed below</h2>
{types}
<br/>
<button className={btnClasses.join(' ')} onClick={this.hideComponentHandler}>V-if in React</button>
</div>
)
Приложение. css Файл
.App {
margin: 10px;
padding: 10px;
text-align: center;
}