使用 Gulp 来构建你的 workflow

阳光穿透心脏的1/2处 2022-04-24 06:50 214阅读 0赞

Gulp是一个非常棒的自动化构建工具, 笔者在自己的实践和团队分享过程中, 总结整理一系列的有关 gulp 的资料. [automating-your-workflow-with-gulp][] 就是这个么一个 repo.

这个 repo 中包括了:

*  [关于Gulp的一个Slide][Gulp_Slide]
 *  (计划) 将 上述 slide 整理成一篇(一个系列) tutorial.
 *  一个基于 gulp 4.0 的小 demo (具体的讲解在上面这个 slide 当中)
 *  一些 gulp 插件的简单介绍
 *  一份 recipes, 包括笔者在实践的时候常用的一些任务片段, 还在持续更新当中, 计划包含以下内容
    
     *  使用 babel 编译 ES2015 的语法
     *  不中断Gulp任务且弹出系统通知
     *  使用命令行参数(yargs) 来控制任务逻辑 (gulp-if) (选择性压缩文件和生成sourcemap)
     *  gulp-ignore 选择性过滤某些文件
     *  监听文件变化 (删除不需要的文件, 利用 chalk 打印出漂亮的相关信息)
     *  增量编译 (gulp-cached) (只修改改变的文件)
     *  gulp-inject 注入 js, css 资源 (以及如何注入 CDN 等外链资源)
     *  gulp-order 给文件排序
     *  gulp-replace 用正则做出好玩的事~
     *  event-stream 合并多个 stream
     *  gulp 与 webpack 相结合
     *  监听 gulpfile 本身, 在 gulpfile 发生变化后 自动gulp.
     *  拆分 gulpfile 为多个文件
     *  其他 [欢迎补充][Link 1]
 *  一些参考的资料合集(包括一些视频资料)

如果你对 gulp 感兴趣, 可以和我一起整理相关资料

[automating-your-workflow-with-gulp][] <-- 戳他 戳他 ?

[automating-your-workflow-with-gulp]: https://github.com/xiaoyu2er/automating-your-workflow-with-gulp
[Gulp_Slide]: http://slides.com/xy2/gulp-1/fullscreen
[Link 1]: https://github.com/xiaoyu2er/automating-your-workflow-with-gulp/issues/2

发表评论取消回复

表情：

评论列表（有 0 条评论，214人围观）

还没有评论，来说两句吧...

相关阅读

相关构建小能手---Gulp

Gulp 1. 基于node平台开发的前端构建工具（node第三方模块） 2. 将机械化操作编写成任务, 想要执行机械化操作时执行一个命令行命令任务就能自动执行了 3

小灰灰/ 2023年03月13日 13:02/ 0 赞/ 31 阅读

相关使用gulp来构建项目

gulp是一个前端构建的工具，用来快速进行一些操作。比如开发一个项目的时候，设计师给你的照片一般都是一个高清的图，但是这些资源往往是很大的。那你要压缩图片的话是不是要找一

我就是我/ 2023年01月19日 07:06/ 0 赞/ 27 阅读

相关前端工程的构建工具gulp

现在前端构建工具主要有grunt、gulp，这里主要讲解gulp，之所选择gulp，是因为gulp有以下极大优点 1、易于使用：采用代码优于配置策略，Gulp让简单的事情继续

亦凉/ 2022年07月17日 00:28/ 0 赞/ 287 阅读

相关 Gulp前端构建工具

安装介绍 1.全局安装gulp npm install --global gulp 2. 作为项目的开发依赖（devDependencies）安装：(在

素颜马尾好姑娘i/ 2022年06月17日 04:00/ 0 赞/ 391 阅读

相关 gulp构建sass开发环境

首先全局安装 gulp命令 npm install gulp -g 然后构建项目目录： ![这里写图片描述][SouthEast] app 用于存放scs

傷城~/ 2022年06月11日 08:15/ 0 赞/ 295 阅读

相关 Gulp 自动化构建

Gulp 自动化构建 [use-gulp][] [官网][Link 1] gulp 可以做什么? 1. 编译 sass 2. 合并优化压缩 css 3.

秒速五厘米/ 2022年05月26日 10:13/ 0 赞/ 314 阅读

相关 Gulp 前端构建工具

基于流 1. 安装 2. 使用 3. API 4. 常用 gulp 插件基于流 Gulp是以 Nodejs中的stream(流) 为媒介

柔光的暖阳◎/ 2022年05月26日 09:48/ 0 赞/ 307 阅读

相关使用 Gulp 来构建你的 workflow

Gulp是一个非常棒的自动化构建工具, 笔者在自己的实践和团队分享过程中, 总结整理一系列的有关 gulp 的资料. [automating-your-workflow-wit

阳光穿透心脏的1/2处/ 2022年04月24日 06:50/ 0 赞/ 215 阅读

相关 gulp自动化构建工具

目录 gulp是什么？ gulp安装 gulp API gulp.src(globs\[, options\]) gulp.dest(path\[, options\

末蓝、/ 2022年01月21日 06:41/ 0 赞/ 435 阅读

相关使用gulp构建一个项目

使用gulp构建一个项目（转载：[https://blog.csdn.net/zchcode/article/details/51556699][https_blog.

绝地灬酷狼/ 2021年09月30日 00:18/ 0 赞/ 571 阅读