应如下所示：=复制 安装并创

[doreamon999]

建这些东西后，您可以将上面的代码片段复制到Gruntfile.js. 然后，您应该能够grunt grunticon从命令行运行并查看任务的执行。 上面的代码片段做了一些事情： config在第 32 行向 Grunt添加一个名为 的新对象grunticon； 填写对象中Grunticon的各种选项和参数icons； 最后，通过 引入 Grunticon 插件loadNPMTasks。 以下是您的目录在 Grunticon 后的样子：复制 就这样——完成了！通过几行配置和几个软件包安装，我们已经自动生成了图标资源！希望这开始说明任务运行程序的力量：可靠性、效率和可移植性。 Gulp：适合您的构建系统的乐高积木 Gulp 在 Grunt 之后出现，并渴望成为一个不全是配置而是实际代码的构建工具。代码优于配置背后的想法是，代码比无休止的配置文件的修改更具表现力和灵活性。Gulp 的障。

碍在于它比 Grunt 需要更多的技术知识。您需要熟悉Node.js 流 API并能够轻松编写基本的 JavaScript。 Gulp 使用 Node.js 流是它比 Grunt 更快的主要原因。使用流意味着 Gulp 不使用文件系统作为文件转换的“数据库”，而是使用内存中的转换。有关流的更多信息，请查 Whatsapp 号码列表 看Node.js 流 API 文档以及流手册。 一个例子 ＃ Gulp 示例目录的屏幕截图 我们的 Gulp 目录是什么样的（查看大图） 与 Grunt 部分一样，我们将通过一个简单的示例来演示 Gulp：将 JavaScript 模块连接到单个应用程序文件中。 运行 Gulp 与运行 Grunt 相同。命令行程序将在其运行的目录中gulp查找菜谱（即）。Gulpfile.js 限制每个页面发出的请求数量被认为是 Web 性能最佳实践（尤其是在移动设备上）。然而，如果功能被分成多个文件，与其他开发人员的协作就会容易得多。输入任务运行者。我们可以使用 Gulp 为我们的应用程序组合多个 JavaScript 文件，以便。



移动客户端必须加载单个文件，而不是多个文件。 Gulp 拥有与 Grunt 相同的庞大插件生态系统。因此，为了使这项任务变得简单，我们将依靠gulp-concat 插件。假设我们的项目结构如下所示： |-- dist | `-- app.js |-- gulpfile.js |-- package.json `-- src |-- bar.js `-- foo.js 复制 我们的目录中有两个 JavaScript 文件src，我们希望将它们合并为一个文件，app.js在我们的dist/目录中。我们可以使用以下 Gulp 任务来完成此任务。 复制 重要的部分在gulp.task回调中。在那里，我们使用API 来获取目录中gulp.src以 结尾的所有文件。API返回这些文件的流，然后我们可以将其传递（通过API）到 gulp-concat 插件。然后，插件连接流中的所有文件并将其传递给函数。该函数只是将接收到的输入写入磁盘。.jssrcgulp.srcpipegulp.destgulp-dest 您可以看到 Gulp 如何使用流为我们的任。