在react中运行yarn build后CSS发生变化

在React中运行yarn build后，CSS发生变化的原因是React使用了CSS模块化的方式来管理样式。CSS模块化是一种将CSS样式与组件进行关联的方法，它可以确保每个组件的样式只在该组件内部生效，避免了全局样式冲突的问题。

当运行yarn build时，React会将所有的组件打包成一个或多个静态文件，其中包括了CSS样式文件。在打包过程中，React会对CSS样式进行处理，将每个组件的样式转换为唯一的类名，并将这些类名与组件进行关联。

因此，当CSS发生变化时，可能是因为以下几个原因：

1. 组件的CSS样式被修改：如果你在React组件中修改了CSS样式，重新运行yarn build后，打包的静态文件中会包含更新后的样式。
2. 依赖的CSS文件被修改：如果你在React组件中引入了外部的CSS文件，并且该文件被修改了，重新运行yarn build后，打包的静态文件中会包含更新后的CSS文件。
3. CSS模块化的类名发生变化：由于React会将每个组件的样式转换为唯一的类名，如果组件的代码结构发生了变化，可能会导致CSS模块化的类名发生变化，进而导致CSS样式的变化。

针对这个问题，你可以尝试以下解决方法：

1. 确保你修改了正确的CSS文件：检查你修改的CSS文件是否与React组件相关联，并且在组件中正确引入了该CSS文件。
2. 清除缓存并重新打包：有时候浏览器会缓存旧的CSS文件，导致看到的效果与修改后的样式不一致。你可以尝试清除浏览器缓存，或者在打包前先删除之前的打包文件，然后重新运行yarn build。
3. 检查组件代码结构：如果你修改了组件的代码结构，可能会导致CSS模块化的类名发生变化。确保组件的代码结构没有发生变化，或者相应地修改CSS样式。
4. 检查React配置文件：有时候在React的配置文件中可能会有一些配置项会影响CSS的打包和加载。你可以检查React配置文件（如webpack.config.js）中与CSS相关的配置项，确保其正确配置。

对于React中的CSS问题，腾讯云提供了一些相关的产品和服务，例如：

• 腾讯云云开发（CloudBase）：提供了一站式的云端一体化开发平台，支持React等前端框架，可以方便地进行前端开发和部署。
• 腾讯云CDN（内容分发网络）：可以加速静态资源的访问，包括CSS文件，提高网页加载速度和用户体验。

请注意，以上只是一些示例，具体的产品选择应根据实际需求和情况进行评估和选择。