简介
polyserve 是一个基于 Web Components 标准的本地服务器，可以在本地运行 Polymer 应用程序，还提供了自动刷新和 URL 重写等功能。本文将介绍如何使用 npm 包 polyserve 并搭建一个简单的应用程序。
安装
首先，需要在本地安装 Node.js 和 npm。然后，在命令行中输入以下命令安装 polyserve：
npm install -g polyserve
使用
创建项目
在本地创建一个新目录，并在该目录下创建一个 HTML 文件，例如 index.html。在 index.html 中编写一个简单的 Web 组件，例如：
-- -------------------- ---- -------
----------- ----------------
----------
---------- -----------
-----------
-------------
--------
---------
--- ------------
---
---------运行服务器
在该目录下打开命令行，输入以下命令启动 polyserve：
polyserve
polyserve 默认监听端口为 8080，浏览器访问 http://localhost:8080 就可以看到刚刚创建的 Web 组件了。
配置
可以通过命令行参数或配置文件来更改 polyserve 的一些配置，例如：
--hostname：指定服务器的主机名，默认为 localhost。--port：指定服务器的端口号，默认为 8080。--open：启动服务器后自动在浏览器中打开应用程序，默认为 false。--root：指定服务器的根目录，默认为当前目录。
可以在项目根目录下创建一个配置文件 polyserve.json，设置如下：
{
"port": 8000,
"open": true,
"root": "."
}然后，在命令行中输入以下命令启动 polyserve：
polyserve --config=polyserve.json
自动刷新和 URL 重写
polyserve 还提供了自动刷新和 URL 重写等功能。例如，假设在 index.html 中引入了一个 JavaScript 文件 script.js：
<script src="script.js"></script>
如果修改了 script.js，polyserve 将自动重新加载该文件，并刷新浏览器。另外，polyserve 还支持 URL 重写，例如：
<a href="/about">About</a>
在本地运行时，polyserve 将自动将 /about 重写为 http://localhost:8080/about。
总结
polyserve 是一个非常方便的本地服务器，可以帮助开发者快速搭建 Web Components 应用程序并进行调试，同时还提供了自动刷新和 URL 重写等功能。在实际应用中，还可以通过命令行参数或配置文件来更改 polyserve 的一些配置，使其更加灵活。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49065