在 css类不想使用穿透的状态，可以再webpack配置
modules:true,它位于css-loader下，此外调用css的类时可能会自动生成一个hash值，这时候如果想显示本来的名字，可以打上
localIdentName: '[local]-[hash:5]'，他同样位于css-loader下， 其中hash：5是取哈希值的前五位，防止类名有重复的可能
一般习惯上都是引入的第三方CSS为.css文件结尾,因为有时第三方的插件需要全局引用的，但是css启用了modules为true的模块化，所以冲突了，所以自己写的CSS一般都是.sass或者.less
文件，所以项目中可以使用：
import cssObj from '../css/test1.scss';
调用时可以这样写：
<h1 className={[cssObj.title,cssObj["cur-act"]].join(' ')}>
hello word
</h1>
其中cur-act这样的带短横线的类是需要中括号的方式调用，如果是第三方的css如bootstrap可以这么写：
import 'bootstrap/dist/css/bootstrap.css'
<button className="btn btn-primary">按钮</button>
正常写法就好，不过要注意className，不是写class