在前端开发中，我们经常需要使用各种工具和库来提高效率。其中一个非常有用的工具是npm包polymer-build，它是一个构建Polymer项目的工具集合。本文将介绍如何使用polymer-build进行项目构建以及一些相关的概念和实践。
什么是Polymer？
Polymer是一个基于Web Components的框架，它可以让你使用Web标准API来创建可重用、可组合的自定义元素。它使得开发人员可以轻松地构建现代Web应用程序，并且能够兼容各种平台和设备。Polymer提供了一套全面的组件库，而且还能够与其他框架和库集成。
什么是polymer-build？
polymer-build是一个npm包，它提供了一系列用于构建Polymer项目的模块和命令行工具。它可以帮助你将Polymer代码转换为符合ES5标准的JavaScript、CSS和HTML文件，以便在所有现代浏览器中运行。此外，polymer-build还提供了一些额外的优化功能，比如可以压缩、缩小文件大小等等。
安装和使用
要开始使用polymer-build，首先需要安装它。可以使用npm命令来安装：
npm install polymer-build --save-dev
安装完成后，可以在项目中使用polymer-build提供的命令行工具进行构建。最基本的命令是polymer build，它会将Polymer代码构建到默认目录下的build/default中：
polymer build
如果想要将构建文件输出到其他目录，可以使用--preset参数来指定预设（preset）。
例如，要将构建文件输出到build/prod目录下，可以运行以下命令：
polymer build --preset es5-bundled --output-path build/prod
配置文件
除了使用命令行工具外，polymer-build还支持使用配置文件进行构建。配置文件可以帮助你更灵活地控制构建过程，并且可以重用相同的配置。
要创建一个polymer-build配置文件，需要在项目根目录下创建一个名为polymer.json的文件。该文件应该包含一些必需的配置选项，如下所示：
-- -------------------- ---- -------
-
------------- -------------
-------- ------------------
------------ -
---------------
--
-------------- -
-----------
--------------
--
--------- --
--------- --------------
----- -
--------- -----
---------- ----
--
------ -
--------- ----
-
--
-上述配置文件中包含了一些常用的配置选项，例如entrypoint、shell、fragments和builds等等。这些选项可以根据具体需要来进行配置。
构建流程
polymer-build的构建流程包括以下几个步骤：
- 扫描项目文件夹，找到所有的入口点和自定义元素。
- 为每个入口点创建一个HTML Shell文件，并将所有依赖关系合并到其中。
- 对于每个Shell，处理其依赖项以及任何其他自定义元素，生成用于生产环境的最终代码。
- 将所有生成的代码输出到指定目录中。
结论
Polymer是一个强大的Web框架，它可以让开发人员轻松构建现代的可组合Web应用程序。而polymer-build则提
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49068