Gulp

gulp是前端自动化工具,是基于node,所以用gulp之前要安装node.js
更多详情可以到gulp官网:http://gulpjs.com/ 去学习。

具体怎么用户gulp如下:

1.检测环境 node -v npm -v

2.初始化项目 npm init

3.安装 gulp npm install gulp --save-dev

4.检测gulp是否装好 gulp --version / gulp -v

5.编写任务文件 gulpfile.js

 //引入插件

 var gulp=require('gulp');
 var uglify=require('gulp-uglify'); //压缩
 var concat=require('gulp-concat'); //合并

 //编写任务

   gulp.task('yasuo:hebing',function(){
     gulp.src('script/**/*.js')
         .pipe(uglify())
         .pipe(concat('main.min.js'))
         .pipe(gulp.dest('build'));
 });
 gulp.task('default',['yasuo:hebing']);

6.下载对应插件
npm install gulp-uglify --save-dev
npm install gulp-concat --save-dev

好处  -> 别人用的时候直接 npm install

7.运行任务
gulp 任务名
gulp.task('default',['yasuo:hebing']);

在工作的时候:
拿到项目之后
1、npm install
2、gulp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 3,185评论 7 55
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 2,402评论 1 11
  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 1,088评论 0 8
  • 安装Gulp首先需要安装Node.js,并在控制台输入$ npm install gulp -gMac端需要写成$...
    LaBaby_阅读 959评论 0 1
  • 最近使用gulp自动化构建工具来开发网站,在此给大家分享一下使用gulp的一些使用教程。 一 gulp安装 1、安...
    穿越人海遇见你阅读 13,224评论 2 17