1.初识gulp

gulp是什么?

    1.gulp是一个开源的Javascript自动化工具

    2.gulp应用于前后端代码管理的一种工具

    3.gulp是基于Node.js和NPM应用的构建工具

    4.gulp主要用于处理耗时及重复的任务

    5.gulp可以解决上百种任务,例如:压缩代码,合并代码,压缩图片,Sass转换

原理:

    1.gulp是基于Node.js中的数据流

    2.gulp主要使用pipe事件输入及输出

    3.插件独立使用

优势:

    1.gulp是基于代码进行配置

    2.gulp可读性更高

    3.gulp基于数据流,所以可以操作pipe()事件

安装步骤:

    1.安装node环境

    2.安装gulp npm install -g gulp  全局安装

    3.初始化package.json

    4.在项目文件中安装gulp

新建文件夹gulp,打开cmd终端,对当前文件进行初始化,执行npm init

配置package.json

此时当前文件夹下已经有package.json文件。

安装全局gulp:npm install -g gulp

在当前项目中安装:npm install gulp --save-dev

在目录下建文件gulpfile.js(必须是这个文件名)

    1.引入模块 var gulp = require('gulp');

    2.定义任务 gulp.task(name, function () {})

    3.终端执行 gulp name

    注意:名字随便起,定义的和执行的名字必须一样。默认任务名字必须叫default,执行直接gulp即可。

    4.常用方法

        gulp.task --定义任务

        gulp.src -- 找到需要执行任务的文件

        gulp.dest -- 执行任务的文件的去处

        gulp.watch -- 监听文件是否发生变化

gulpfile.js

执行:

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容