什么是 prember？
prember 是一个 npm 包，它可以将预渲染后的 HTML 文件转化为 Ember.js 应用，从而提高页面的加载速度，减轻服务器的负担。
预渲染是指在服务器端将 HTML 文件预先生成，然后将其直接提供给浏览器，而不是在浏览器中通过 JavaScript 生成 HTML 文件。这样做的好处是可以减轻客户端浏览器的渲染负担，提高页面的加载速度。
如何安装 prember？
在使用 prember 之前，需要先安装它。打开终端，进入你的项目目录，并输入以下命令：
npm install prember
这会将 prember 安装到你的项目中。
如何使用 prember？
接下来，我们来演示如何使用 prember。
首先，在你的 Ember.js 项目中，创建一个名为 prember-generator.js 的文件。这个文件将用于生成每个路由的预渲染 HTML。
然后，在 prember-generator.js 文件中，编写以下代码：
-- -------------------- ---- -------
----- ------- - -------------------
----- ---- - ----------------
----- ------------- - -
----- -
---- -- -------------
--
---------- -------------------- ------- -----------
-------- -----
------------ ------------ -- ----------
--
----- ------- - --- -----------------------
------------------
-------- -- -
-------------------- -------- ------------
--
---------- -- -
-------------------
---以上代码会将你指定的页面进行预渲染，并将 HTML 文件输出到 prember 目录下。你可以在代码中修改输出目录和要预渲染的页面路径等参数。
在 package.json 文件中，添加以下代码：
"scripts": {
"prember": "node prember-generator.js"
}接下来，在终端中，进入你的项目目录并运行以下命令：
npm run prember
该命令会生成预渲染的 HTML 文件。
最后，在 app/router.js 文件中，添加以下代码：
-- -------------------- ---- -------
------ ----------------- ---- ----------------------
------ - ------------- - ---- ---------------------------------------------
--- ------ - --- -------------------
---------------- -
------------ -- --------
--
---
---------------以上代码会启动 fastboot 服务并将预渲染的 HTML 文件输入到浏览器。
结语
通过本文，我们了解了如何使用 npm 包 prember 进行预渲染。预渲染可以提高页面加载速度，减轻服务器负担，适用于访问量较大的网页应用。希望本篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/59821