Gulp 4:自动化您的开发工作流程
Gulp 4 Automate your development workflow
使用 Gulp 4 工具包自动化您的开发流程
你将学到什么
-
设置 Gulp 4 工具包并使用 Gulp 自动化开发工作流程(sass 和 less 样式预处理、html/css/javascript 缩小、javascript 文件串联、图像优化和缓存、源映射、Babel
要求
-
HTML 基础知识、CSS 基础知识、Javascript 基础知识
描述
这门课程是关于什么的?
在本课程中,您将学习如何使用 Gulp 4 自动执行日常和繁琐的任务。本课程的代码编辑器是 Visual Studio Code(尽管您可以使用任何代码编辑器)。本课程面向初学者或刚接触 Gulp 的人,将教您如何为前端开发设置良好的配置文件。
请提供更多详细信息!
如果您以前从未听说过Gulp,那么它是一个特殊的工具包,可让您自动执行 Web 开发中的日常任务。在本课程中,我将向您展示如何设置 Gulp 4、使用不同的 Gulp 插件、编写任务并跟踪文件更改。在课程结束时,您将拥有一个功能齐全的 gulp 配置文件,可以在您自己的项目中使用它。
我们将从最基础的开始。我将向您展示如何安装所有需要的依赖项和 Gulp 本身。然后我们将探讨如何编写任务并监视文件更改。几乎每节课我们都会改进 gulp 配置文件并为其添加新功能。我还将向您提供完整的 gulp 配置文件,其中包含描述最常用的 Gulp API 的附加注释、glob 模式以及设置任务的指南,以便您在使用 Gulp 创建自己的任务时获得良好的提示。
如果你仍然自己做日常任务,Gulp 可能会改变它。让我们开始吧!
参加该课程你应该知道什么?
JavaScript 基础知识、HTML 基础知识、CSS 基础知识
里面是什么?
- 安装Gulp依赖项
- 安装 Gulp
- 基本 Gulp 任务
- 项目结构
- SASS预处理
- 更少的预处理
- 监视文件更改
- 样式源映射 (SASS/LESS)
- CSS 缩小
- JavaScript 缩小
- HTML 缩小
- JavaScript 连接
- 文件重命名
- 图片优化
- 图片缓存
- HTML 模板语言(套件)
- CSS 自动前缀器
- Javascript Babel 转译
- 项目归档
- 包含注释的完整 Gulp 配置文件,您可以在自己的项目中使用
谁在教你?
我叫谢尔盖·施蒂洛夫。我是一名前端开发人员。我在这个领域工作了近 7 年,并且一直持续到今天。Gulp 对于 Web 开发至关重要,您一定会从中受益!
本课程适合谁:
- 您想要自动化一些开发流程
- 您想学习如何使用 Gulp
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)