具有React的CSS模块

时间:2018-11-07 18:54:58

标签: javascript css reactjs css-modules react-css-modules

我正在建立一个React网站,以启用我弹出的项目所使用的CSS模块样式

npm run eject

我在webpack.config.dev.js和webpack.config.prod.js文件中添加了额外的配置,问题是我正在使用组件调用 react-big-calendar https://github.com/intljusticemission/react-big-calendar),在该模块中,我必须导入一个CSS文件。问题在于,当我启用模块功能时,它不会将css样式应用于日历,它通常看起来像:enter image description here

现在看起来像这样:

enter image description here

如何应用大日历css文件中的类?

谢谢!

1 个答案:

答案 0 :(得分:5)

现在,您不必退出项目并将额外的配置添加到webpack.config即可启用CSS模块。 现在,只要您想使用CSS模块,只需将文件命名为[name] .module.css就可以了。这将解决不使用css模块的组件的问题。

让我知道它是否对您有用