CSS-modules 一些认识以及dva-cli搭建项目中使用css（应用）

  最近使用dva-cli搭建了项目，它对数据的管理还是很方便的。

  今天需要在项目中使用CSS动画，使用了react-transition-group

 

 这样是成功的，但是如果使用

 程序会报错。

因为dva-cli 默认开启了css-modules.。传统的CSS使用方式是全局的，这意味着当你的项目复杂，样式繁多时候，你丝毫不用为CSS命名担心，因为CSS-modules通过将样式编写成哈希字符串的方式让其变得独一无二。这样就相当于产生了一个局部作用域。你可以更加高效的编写语义化清晰的css名称。

这样使用！

 当然CSS-modules允许全局作用域的存在。你可以使用 :global(.classname) 的方式，这样你就可以像之前一样使用CSS。

 回过来，我在使用react-transition-group时候就是需要这样的全局样式，因为如果使用局部的写法，CSS样式名会被编译成哈希字符串，造成CSSTransition提供的接口无法辨认。

 使用了全局写法之后，就完全没有问题了。