gulp安装和使用

2017-03-23  本文已影响0人  Twentytwo_李

官网 http://gulpjs.com/

   下载

       0、基于node,下载

       1、下载命令行

       npm install gulp-cli -g

       2、准备两个文件

           package.json

               npm init

               理论上name可以随便,gulp和空不要写

           gulpfile.js

               注:开头是小写

       3、下载一个本地的gulp

       npm install gulp --save-dev

           自动化工具:

               下载有三种方式:

                   npm install gulp

                   npm install gulp --save

                       存到了package.json里面的dependencies

                   npm install gulp --save-dev

                       存到了package.json里面的devDependencies

                       依赖项

   使用

       编写任务

       1、引入模块

       var gulp=require('gulp');

       var uglify=require('gulp-uglify');

       注:官网里面的模块不是很全,去npm官网搜

           npm官网:https://www.npmjs.com/

       gulp.task('任务名',function(){

           //1、拿到这个文件

           //2、压缩

           //3、放到某个地方

           gulp.src('js/a.js')//源文件

           .pipe(uglify())//执行压缩任务

           .pipe(gulp.dest('build/js')); //压缩完放到什么地方

       });

       2、配置监听

           gulp自带监听模块,还需要配置

           gulp.watch('文件名',['任务名']);

       3、gulp.task('default',['任务名',....]);

上一篇下一篇

猜你喜欢

热点阅读