在前端开发中，我们经常需要在本地预览一个 Web 应用程序，这就需要一个静态 Web 服务器来提供服务。在 Node.js 生态系统中，有很多 Web 服务器可供选择，而 Polymer-Serve 便是一个优秀的选择。本文将详细介绍 Polymer-Serve 的使用方法，以及如何将它集成到你的 Web 应用程序中。
什么是 Polymer-Serve？
Polymer-Serve 是一个使用 Node.js 编写的静态文件服务器，它专门用于本地预览 Web 应用程序。它使用的是 HTTP/2 协议，并且支持自动压缩、HTTP/2 Push 等一系列高级功能。在 Polymer 3.0 中，Polymer-Serve 已经被默认集成到了 Polymer CLI 中，并且成为了 Polymer 应用程序的默认开发服务器。
Polymer-Serve 的安装
Polymer-Serve 可以直接通过 NPM 安装。在命令行中执行以下命令即可安装 Polymer-Serve：
--- ------- ----------- --
安装完成后，你可以在命令行中使用 Polymer-Serve 命令。
Polymer-Serve 的使用
使用 Polymer-Serve 非常简单。在命令行中进入到需要预览的 Web 应用程序的根目录中，然后执行 Polymer-Serve 命令即可。Polymer-Serve 会自动启动一个 Web 服务器，并提供 Web 应用程序的服务。
-- ----------------- ------- -----
默认情况下，Polymer-Serve 会将 Web 应用程序的入口文件作为首页提供服务，并且会自动打开默认浏览器并访问该页面。同时，Polymer-Serve 还会监视文件变化并重新加载 Web 应用程序，使得开发变得更加高效。
Polymer-Serve 的默认端口是 8080，如果该端口已经被占用，Polymer-Serve 会自动使用一个新的端口。如果你想要使用自己定义的端口，可以在命令行中使用 --port 参数。
------- ----- ------ ----
Polymer-Serve 的高级功能
Polymer-Serve 还有很多高级功能，可以让 Web 应用程序的开发变得更加高效。下面是一些常见的用法和示例代码。
HTTP/2 Push 功能
Polymer-Serve 支持 HTTP/2 Push 功能，即在加载首页时自动推送相关的资源文件。这个功能可以大大减少页面加载时间，提高用户体验。要使用 HTTP/2 Push 功能，你需要在 Web 应用程序的入口 HTML 文件中添加 push manifest：
------ ----- -------------- ---------------------- -------
然后在 Web 应用程序的根目录中创建 manifest.json 文件，指定需要推送的资源文件：
-
------------------- -
-----------------
--
------------------- -
-------------
-
-其中，key 是要推送的资源文件路径，value 是该资源文件依赖的其他资源文件路径。以上例子中，Polymer-Serve 在访问 /assets/icon.png 时，会自动推送 /src/styles.css 文件，在访问 /assets/logo.png 时，会自动推送 /src/app.js 文件。
自动压缩功能
Polymer-Serve 支持自动压缩 Web 应用程序中的文件。要使用自动压缩功能，你需要在 Web 应用程序的根目录中创建 polymer.json 文件，并指定需要压缩的文件类型：
-
----------- -
---------- ------
-
-以上配置会压缩所有文件，并尽可能地使用 gzip 压缩，以减少文件大小。你也可以根据你的需求，或者根据不同的文件类型指定不同的压缩算法。
SSL/TLS 支持
Polymer-Serve 支持 SSL/TLS 加密连接。要启用 SSL/TLS 支持，你需要在 Web 应用程序的根目录中创建一个 .pem 文件，包含 SSL/TLS 证书和私钥。然后在命令行中指定该文件路径：
------- ----- -------- --------------------------- -------------------------
以上命令会启用 SSL/TLS 支持，并将证书和私钥文件分别指定为 /path/to/cert.pem 和 /path/to/key.pem。
总结
Polymer-Serve 是一个功能强大的静态文件服务器，它可以帮助前端开发者在本地预览 Web 应用程序，并提供一系列高级功能，比如 HTTP/2 Push、自动压缩和 SSL/TLS 支持等。本文介绍了 Polymer-Serve 的基本用法和一些常见的高级用法，并提供了示例代码。如果你是一名前端开发者，Polymer-Serve 绝对值得一试。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/73265