什么是格尔普？

什么是Gulp？ 一种描述是Gulp是一个任务执行者。 另一个可能是它是用于自动化耗时任务的工具包。

无论您想称其为什么，都有一个真实的特征：自动化。 让我们深入一点...

什么是格尔普？

什么是任务运行器？

基本上，您可以使用Gulp自动执行通常需要手动执行的操作，例如手动编译Sass，手动优化图像，手动在浏览器中刷新页面等等。

好吧，这三个动作可以合并为独立的任务。 然后，您将执行这些任务并让Gulp自动运行它们。 这就是为什么Gulp和Grunt之类的工具被称为任务运行程序的原因。

管道

Gulp和其他任务执行者之间的很大区别是它处理文件操作的方式。 Gulp实际上会将数据流从一个插件传递到下一个插件，而无需在这些任务之间将数据流实际写入临时文件中。 这称为管道传输或流传输。

如果您在网上搜索管道的定义，则可能会得到一些非常技术性的信息。 因此，我将尝试简化一下。 Gulp工作流程可与几个不同的插件一起使用，这些插件可对某些文件执行各种操作。

举一个例子，Sass插件将获取一个Sass或SCSS文件并将其编译为CSS文件。 Uglify插件将采用普通JavaScript文件并将其缩小。

因此，管道管理的目的是可以获取一组文件，并通过一组插件或一个插件运行它们。 最后，您将得到不同类型的文件，这正是我对Sass插件所说的。 您以SCSS文件开始，最后以CSS文件结束。

数据流

通常，这些类型的任务运行程序会将临时文件写入磁盘。 好吧，Gulp不会那样做-它使用数据流。

因此，该文件的内容实际上保留在缓冲区中-基本上是数据流。 它只是在插件之间传递，直到到达最终目的地。 在这些插件之间，该流经历了一些更改。

因此，例如，您可以做的是从SCSS文件开始，然后将它们传递给Sass插件。 现在，Sass插件接受SCSS文件并返回CSS文件。 因此，您在Sass插件之后获得的数据流与进入该插件的数据流不同。

然后您可以执行更多操作。 也许您通过自动前缀程序运行它们，对吗？ 因此，Gulp将获取该数据流，并将通过autoprefixer插件运行该数据流，该插件接受CSS文件。 并且它还返回该CSS文件，但在两者之间添加了所有必需的供应商前缀。 因此，它也会更改该文件的内容。

最后，您可以将其缩小，例如，也可以将其写入磁盘。 所以本质上就是管道的工作方式。 您在流的开头传递数据，而在流的末尾获得不同类型的数据，而在中间则具有这些点，它们对数据流执行某些操作。

观看完整课程

因此，希望您现在对Gulp是个基本的了解。 为了获得更清晰的图像，您可以学习完整的课程， 《 Web设计者指南》 ，其中我们将详细介绍Gulp的工作原理。

您可以通过订阅Envato Elements立即学习本课程。 只需一个低廉的月费，您不仅可以访问此课程，还可以访问我们不断发展的图书馆，其中包含1,000多个视频课程和Envato Tuts +上行业领先的电子书。

此外，您现在可以从庞大的Envato Elements库（包含440,000多种创意资产）中进行无限下载。 使用独特的字体，照片，图形和模板进行创建，并更快地交付更好的项目。

翻译自: https://webdesign.tutsplus.com/tutorials/what-is-gulp--cms-30432