软件技术学习笔记

前端客户端渲染（CSR）时，一般都进行代码拆分，按需懒加载页面相关的JS/CSS与数据，交互体验比较好且容易开发。但是只进行CSR时，首屏显示比较缓慢。服务端渲染（SSR）时，一次请求能拿到页面完整的HTML内容，我们用来解决首屏显示缓慢的问题。同时使用CSR与SSR，就面临如何复用所有的代码，包含CSR代码拆分。

在React/Preact中，SSR复用CSR代码拆分有两种实现：@loadable/component与preact-cli 。@loadable/component中使用NodeJS的require()动态加载JS文件，而preact-cli则直接静态打包到一个JS文件中。