React单页应用的css应该怎样处理

Question

现在我在做一个大概四十多个模块的单页应用，样式表目前只在一个css文件中，总感觉这样写样式表没有明确的划分和模块化的感觉，我觉得应该每个模块加载每个模块应有的样式，但是进入页面肯定不能全部加载，那样请求次数太多了，请问大家有没有什么其他的好办法呢？ 进入每个模块的时候然后append到head中外部样式表吗 这样就不会在页面首次加载的时候下载了.

Answer 1

webpack的时候可以引入css文件，另外上线的时候，要把css打包成单独的文件。另外引入的时候可能会发个异步请求去获取css文件(没实测)。

#Cart组件
import _ from 'style/common' //这个可以在入口引入
import _ from 'style/cart'; //需要的时候引入

如果css文件不大，仅仅是为了方便维护管理的话，可以用sass，less工具，把css分成多个模块，再到入口文件引入。