ReactJS scss在自定义应用程序中不起作用，但在create-react-app中起作用

Question

我正试图通过密钥传递我的scss类，就像这样：

import style from './index.scss';

<p className={style['bg-red']}>

如果我通过 create react app 进行操作，则上述传递类的方法效果很好，但如果我通过自定义webpack配置进行了操作，则该方法不起作用。

如果我这样做的话，scss正在工作：

import './index.scss';
<p className='bg-red'>

但是我不想这样传递，我只想通过以下方式传递它，

import style from './index.scss';

 <p className={style['bg-red']}>

有人可以帮助我实现这一目标吗？