美文网首页
gulp安装和使用

gulp安装和使用

作者: Twentytwo_李 | 来源:发表于2017-03-23 10:08 被阅读0次

    官网 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',['任务名',....]);

    相关文章

      网友评论

          本文标题:gulp安装和使用

          本文链接:https://www.haomeiwen.com/subject/qjlznttx.html