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