简介
polymer-project-config 是一个提供 Polymer 项目配置的 npm 包。它允许您定义构建、部署和测试 Polymer 应用程序所需的所有设置。本文将介绍如何安装和使用 polymer-project-config，以及如何进行自定义设置。
安装
要使用 polymer-project-config，首先需要在您的项目中安装它。您可以通过以下命令在终端中进行安装：
npm install --save-dev polymer-project-config
配置文件
在您的项目根目录下创建一个名为 polymer.json 的 JSON 配置文件。该文件包含有关您的 Polymer 应用程序的所有设置，例如入口点、构建选项、部署配置等。
以下是一个示例 polymer.json 文件：
-- -------------------- ---- -------
-
------------- -------------
--------- -
-
------- -------------
---------------------- --------
------- -
--------- -----
------ -
--------- ----
--
----- -
---------- -----
--------- ----
-
--
--------- ----
--
-
------- -------------
---------------------- --------
------- -
--------- -----
------ -
--------- ----
--
----- -
---------- -----
--------- ----
-
--
--------- ----
-
--
--------- -
----------- -
------------ ----------------------------
-
-
-在此示例配置文件中，我们定义了两个构建选项：一个 ES5 构建和一个 ES6 构建。每个构建选项都有一些通用的设置，例如 HTML/CSS/JS 压缩和捆绑。
使用
要使用 polymer-project-config 构建您的 Polymer 应用程序，请在终端中运行以下命令：
polymer build
这将使用 polymer.json 文件中定义的所有设置构建您的应用程序，并生成构建输出到指定的目录中。默认情况下，构建输出将位于项目根目录下的 build/ 目录中。
如果您只想构建特定的构建选项，可以使用以下命令：
polymer build --name es5-bundle polymer build --name es6-bundle
这将只构建名为 es5-bundle 或 es6-bundle 的构建选项。
自定义
虽然 polymer-project-config 提供了许多默认设置，但您可能希望对某些设置进行自定义。幸运的是，polymer-project-config 允许您通过在 polymer.json 文件中添加或更改属性来实现这一点。
例如，如果您想将一个新的构建选项添加到您的应用程序中，可以将以下 JSON 对象添加到 builds 数组中：
-- -------------------- ---- -------
-
------- ------------------
---------------------- --------
------- -
--------- -----
------ -
--------- ----
--
----- -
---------- -----
--------- ----
-
--
--------- ----
-您还可以更改许多其他设置，例如入口点、部署配置等。有关更详细的信息，请参阅 polymer-project-config 的官方文档。
结论
polymer-project-config 是一个极其有用的 npm 包，可帮助您轻松构建、部署和测试 Polymer 应用程序。在本文中，我们介绍了如何安装和使用 polymer-project-config，以及如何自定义配置文件。我们希望这篇文章对您有所帮助，并鼓励您在您的下一个 Polymer 项目中
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49095