今天测试提了几个样式的bug,我在本地怎么都重现不了,最后连接测试服务器进行调试,发现确实存在问题,但是就有点蒙蔽,把样式和本地的进行了比对,最后发现是两个组件最外层的className命名冲突了。。。
在本地开发时,不同的组件会调用自己import的样式,在项目打包后,所有的css文件进行了压缩,部署后,相同类名的样式会相互冲突,所以我们在开发的时候一定要注意,在每个组件的最外层包上一个专属的className,这样就不会出现这种问题了
今天测试提了几个样式的bug,我在本地怎么都重现不了,最后连接测试服务器进行调试,发现确实存在问题,但是就有点蒙蔽,把样式和本地的进行了比对,最后发现是两个组件最外层的className命名冲突了。。。
在本地开发时,不同的组件会调用自己import的样式,在项目打包后,所有的css文件进行了压缩,部署后,相同类名的样式会相互冲突,所以我们在开发的时候一定要注意,在每个组件的最外层包上一个专属的className,这样就不会出现这种问题了