什么是 prerenderer
Prerenderer 是一个用于渲染 JavaScript 最终 HTML 页面的库。它可以帮助搜索引擎应用程序和浏览器捕获 AJAX 网站中无法捕获的内容。Prerenderer 模拟了一个真实的浏览器环境，包括虚拟 DOM、JS 执行环境、HTTP 请求等。使用 Prerenderer 可以生成完全渲染的静态 HTML 页面，这有助于加快页面的初次加载速度、提高 SEO。
如何使用 prerenderer
使用 Prerenderer 只需安装它的 npm 包即可：npm install @prerenderer/prerenderer
使用过程中需要先加载 Prerenderer，并指定要 prerender 的页面 URL 和 Prerenderer 配置：
// 首先要加载 Prerenderer
const prerenderer = require('@prerenderer/prerenderer');
// 指定要 prerender 的页面 URL
const url = 'https://github.com/';
// Prerenderer 配置
const options = {
// 这里可以指定一些选项，比如一些渲染参数的配置等等
};然后，你需要为每个页面创建一个 renderer：
-- -------------------- ---- -------
----- --------- - --------------------- -- ------
----- -------- - ----------------------------
-- -------- --
------------------------- --------
---------------- -----
--------- -----
--------------- -----------------------
------- -
---- ------
--
-----------
-------- ----------
---这里使用了 puppeteer 作为浏览器内核。
然后使用 render 方法渲染页面：
-- -------------------- ---- -------
--------
---------
-- --------------- ---- -------------
----
-- -------- -------- -----
--------------- -
--------- -----
--
--
------------------- -- -
------------------------- -- ----------- ---- --
---结论
Prerenderer 是一个很好用的工具，并且十分方便易用，欢迎大家在项目中使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb302b5cbfe1ea0611184