gulp填坑记(一)

gulp是基于Node.js的自动任务运行器。可以自动完成htmlimagecssjs等文件的检测、检查、合并、压缩、格式化等,并监听文件在改动后重复指定的这些步骤。

一.首先,我全局安装了gulp

npm install -g gulp

  此时,可以将gulp理解为 node的一个模块

二.使用

  基于具体的某个项目。

  ※ 项目安装gulp,本地方式来安装

  ※ 安装相应的gulp插件

  ※ 配置gulpfile.js  需要编写一些js代码,编写任务

  ※ 运行任务

    注意全局安装和本地安装的各自作用

    全局安装,是为了在任何地方,可以使用gulp 命令来执行任务。

    本地安装,是因为在编写任务的时候,需要用到gulp模块中的一些功能(方法/函数) 

  简单实例:

    第一步,新建一个目录 gulp-demo,作为项目目录

    第二步,本地安装gulp

         gulp-demo中本地打开cmd命令:

npm install gulp

        这里问题来了

        

      提示“open....package.json”,但是发现安装完后不存在package.json,此时,就必须新建一个package.json

      执行命令

npm init

  

  完成!

  说明:

  第三步,编写gulpfile.js文件

//引入gulp模块
const gulp=require('gulp');
//编写第一个任务
gulp.task('task1',function(){
	setInterval(function(){
		console.log('hello,gulp!');
	},200);
})

  运行

  

   项目目录结构:

  

   

参考文章:http://www.ydcss.com/archives/18#lesson6

原文地址:https://www.cnblogs.com/yanxinhua/p/6813190.html