polymer-bundler 是一个用于将 Polymer Web 应用程序打包成单个文件的 npm 包。它可以大大减少应用程序加载时间和请求次数，从而提高应用程序性能。
本文将介绍如何使用 polymer-bundler，并包含示例代码。
安装 polymer-bundler
使用 npm 进行安装：
npm install -g polymer-bundler
打包应用程序
在命令行中运行以下命令将应用程序打包为单个文件：
polymer-bundler entrypoint.html > bundled.html
其中 entrypoint.html 是应用程序的入口点。打包后的文件将保存为 bundled.html。
添加配置项
通过添加 polymer.json 文件，可以自定义 polymer-bundler 的行为。以下是一个示例 polymer.json 文件：
-- -------------------- ---- -------
-
------------- ------------------
------------ -
----------------------
--
----------------- -----
----------------- -----
------------- -----
--------- -
-
------- --------------
----- -
---------- -----
------------ -
-------- -----
--------- ----
-
--
------ -
--------- ----
--
------- -
--------- ----
--
--------- ----
-
-
-在这个示例中，我们指定了入口点、碎片文件夹、是否去除注释、是否内联脚本和 CSS、以及构建选项。
构建应用程序
可以使用以下命令构建应用程序：
polymer build
这将生成一个名为 build 的目录，其中包含打包后的文件。通过指定 -n 选项，可以禁止压缩输出文件。
运行 Polymer 应用程序
要在本地运行 Polymer 应用程序，请使用 Polymer CLI：
polymer serve
这将启动一个本地服务器，并在默认端口（8080）上提供应用程序。
结论
polymer-bundler 是一个非常有用的 npm 包，它可以大大提高 Polymer Web 应用程序的性能。如果您是 Polymer 开发人员，强烈建议您在开发过程中使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49088