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提供的接口无法辨认。
使用了全局写法之后,就完全没有问题了。