前言
在前端开发中，Polymer 是一个开源的 Web 组件库，使用它能够让开发者快速搭建高质量的 Web 应用。在开发 Polymer 应用的过程中，我们需要用到一些工具，其中 generator-polymer-app 是一个非常实用的工具，它能够快速生成一个基于 Polymer 的开发环境，减少开发者的重复操作和时间浪费。在本文中，我们将介绍如何使用 npm 包 generator-polymer-app 来进行 Polymer 应用开发。
环境要求
在使用 generator-polymer-app 之前，需要提前安装好以下软件：
- Node.js（建议使用 LTS 版本）
- Git
- npm
安装 generator-polymer-app
通过以下命令安装 generator-polymer-app：
npm i -g yo generator-polymer-app
创建 Polymer 应用
安装完成 generator-polymer-app 后，就可以使用它来创建一个 Polymer 应用了。在命令行中输入以下命令：
yo polymer-app
接下来，你需要根据提示信息输入应用的名称、作者、描述等信息，然后等待项目创建完成即可。
创建完成后你会发现，generator-polymer-app 已经为你创建了一个基于 Polymer 的项目模板，包含了一些基础代码和配置文件。其中，重要的文件和目录如下：
src目录：存放应用的主要代码。index.html文件：应用的入口文件。bower.json文件：存放应用的依赖包信息。package.json文件：存放应用的相关信息和依赖包信息。gulpfile.js文件：存放 Gulp 任务的配置。
使用 Gulp 对应用进行打包
在 Polymer 应用开发的过程中，我们需要经常对应用进行打包处理，以便在生产环境中部署使用。对应用进行打包处理可以通过 Gulp 工具来完成，而 generator-polymer-app 已经帮助我们预置了一些常用的 Gulp 任务。执行以下命令可以运行默认的 Gulp 任务：
gulp
运行成功后，你会发现项目中多了一个 dist 目录，存放了打包后的应用代码。现在你可以将该目录下的代码部署到服务器上进行使用。
自定义 Gulp 任务
除了使用预置的 Gulp 任务之外，我们还可以自定义项目所需的 Gulp 任务。例如，我们可以创建一个名为 build 的 Gulp 任务，用于将应用代码打包成一个 Zip 文件并存放到一个指定目录中。创建一个 build 任务可以通过以下代码来实现：
const gulp = require('gulp');
const zip = require('gulp-zip');
gulp.task('build', function() {
return gulp.src(['./src/**/*', './index.html'])
.pipe(zip('app.zip'))
.pipe(gulp.dest('build'));
});该 Gulp 任务的作用是将 src 目录下的代码和 index.html 文件打包成一个名为 app.zip 的 Zip 文件，并将其存放到 build 目录中。
结语
以上就是使用 npm 包 generator-polymer-app 进行 Polymer 应用开发的详细介绍。通过这篇文章的学习，相信你已经掌握了使用 generator-polymer-app 快速搭建 Polymer 应用的方法，以及如何使用 Gulp 工具对应用进行打包和自定义任务的方法。希望这篇文章对你有所帮助，祝你在 Polymer 应用开发的路上越走越远。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005528281e8991b448cffcf