React webpack打包CSS遇到的问题

在学习react的过程中遇到了一个使用css的问题，使用的外部样式但是没有渲染出来，所以记录一下解决的方式：

1.webpack中的css-loader的options中的modules属性为true时：

在jsx中引入时用 import XXX from 'xxx.css'

在jsx中使用方式： className={XXX.classname}

2.webpack中的css-loader的options中的modules属性为false时：

在jsx中引入时用 import 'xxx.css'

在jsx中使用方式： className="classname1 classname2"

本人也是刚开始学习react，写得不对的地方欢迎指正。