gulp学习笔记

  1. 背景说明
  2. Gulp介绍
    1. 使用插件介绍
    2. gulp脚本重构

背景说明

我的博客自14年以来更新非常缓慢,想了一下原因,主要前端这块的接触实在太少,所以每次想美化一下博客,
或者给博客增加一些小功能的时候非常痛苦,所以准备用工程化的理念来对博客进行管理.

Gulp介绍

gulp我的理解是, 使用npm作为类库管理, 但是使用js这种灵活的脚本来完成任务的编写,而且最吸引我的是,
她是基于流的, 所以给我的最大感受就是, 刚开始学习有些困难, 但是弄明白一个之后就一通百通了.

使用插件介绍

1
2
3
4
5
6
7
gulp-load-plugins: 以驼峰访问的方式访问以gulp开头的插件
gulp-util: 日志啊什么的
gulp-sass: 用来编译sass为css
gulp-filter: 过滤器
gulp-print: 用于输入管道的中间文件
gulp-concat: 用于拼接文件

gulp脚本重构

  • 第一次重构, 将config.json改写成config.js, 是的配置的编写更加自由
  • 第二次重构, 将gulp的task根据功能分成不同的文件, 便于管理和区分

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 jaytp@qq.com

💰

×

Help us with donation