目前使用React组件的CSS实践似乎是使用webpack的样式加载器将其加载到页面中.
import React,{ Component } from 'react';
import style from './style.css';
class MyComponent extends Component {
render(){
return (
<div className={style.demo}>Hello world!</div>
);
}
}
通过这样做,样式加载器将注入< style>元素进入DOM.但是,< style>不会在虚拟DOM中,所以如果做服务器端渲染,< style>将被省略这导致页面有FOUC.
是否有任何其他方法来加载在服务器端和客户端工作的CSS modules？
解决方法
你可以看看
isomorphic-style-loader.装载机是专门为解决这种问题而设计的.
但是对于使用它,您必须使用加载器提供的_inserCss()方法.该文档详细介绍了如何使用它.
希望有帮助
