188.gulp创建任务

1.通过required语句即可以引用已经安装的第三方依赖包,这个required只能医用当前项目安装的依赖包,不能引用全局下的,required语法是node.js独有的,只能在node.js环境下使用。
2.gulp.task用来创建一个任务,gulp.task的一个参数是命令行的名字,第二个参数是一个函数,就是执行这个命令的时候,执行什么样的操作。
3.如果想要执行该任务greet就可以在命令行中进入项目所在的路径下使用:gulp greet 。执行完成之后就会自动的监听greet任务的修改,并且自动化的更新。
4.示例代码如下:

/*导入gulp,创建一个变量*/
/*调用require()函数就会从项目中的node_modules文件中寻找在required()函数中传递的安装包*/ 
var gulp = required('gulp')

// 使用变量创建一个任务
// 创建任务会使用到task()函数,第一个参数传递进去的是任务名,
// 第二个参数传递进去的是一个匿名函数
gulp.task('greet', function () {
    // body...
    // 直接打印出Hello World!
    console.log('Hello World!');
}) 
其中需要补充的一点是:npm install xx --save中的--save指的是你发布之后还依赖的东西,会将依赖的包添加到package.json中的dependencies中;npm install xx --save-dev是你开发的时候依赖的东西,会将依赖的包添加到package.json文件devDependencies中。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 1,088评论 0 8
  • Sass&Gulp 一、sass介绍 (一) SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计...
    锋享前端阅读 1,539评论 0 3
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 2,402评论 1 11
  • 编辑于2015年 转载自某作者的译文 作者要是看到请联系我注明出处 对网站资源进行优化,并使用不同浏览器测试并不是...
    krock01阅读 455评论 0 2
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    井皮皮阅读 1,325评论 0 10