我目前正在通过JSX元素的className属性引用CSS类。但是,类定义未应用于元素。我发现以下SO线程似乎描述了类似的问题:
ClassName styles not working in react
最受支持的答案是,需要为应用程序的Webpack启用“ modules:true”:
{
loader: 'css-loader',
options: {
modules: true
}
}
因此,我假设默认情况下,未将新的React应用配置为通过Webpack加载外部CSS。我在应用程序的文件系统结构中对“ modules:true”进行了文本搜索,但返回的唯一引用嵌套在node_modules子目录中,我希望在更接近应用程序顶层的某个位置需要此配置。
您能否提供一些有关如何配置React应用程序的见解,以便我可以将外部CSS正确加载到组件中,然后在组件元素中使用className引用这些CSS类?