升级UI

  1. window.main()方法 升级后已经废弃

  2. loadable-components 组件可以支持 ssr 官方

  3. server端支持动态引用的css问题: Server rendering with dynamic imports and CSS

  4. server端不能渲染css的另一个解决思路 css-in-js styled-components中文文档

安装 npm install --save styled-components

 /* 创建了一个Wrapper样式组件,该组件渲染之后是一个div标签 */ 将想要的css包裹在字符串内
  const Wrapper = styled.div`
    color: blue;
  `;

  /* Wrapper组件跟其余的react组件一样,只不过现在他们有了自己的样式 */
  render(
    <Wrapper>
        Hello World!
    </Wrapper>
  );
  1. material-ui 服务端渲染

  2. 可以直接渲染markdown文件也是一个不错的思路 [react-markdown 使用总结]

  3. // TODO 为什么在 build server渲染的环境不需要执行呢

	Loadable.preloadReady().then(() => {
		render()
	});