码迷,mamicode.com
首页 > 其他好文 > 详细

gulp的使用方法

时间:2018-01-12 17:14:36      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:技术   pipe   方法   class   var   bms   off   dsa   word   

gulp的使用方法

  • 首先下载插件
  • 在gulpfile.js里面写‘搬运‘代码:
// 得到gulp对象
var gulp = require(‘gulp‘);
// 新建任务
gulp.task(‘script‘,function(){
//匹配
gulp.src(‘./js/index.js‘)
.pipe(gulp.dest(‘./js/dist‘));
//指定输出的**目录**
});
  • 在gulpfile.js里面写‘搬运压缩js‘代码:
var gulp = require(‘gulp‘);
// 引入gulp-uglify代码压缩插件
var uglify = require(‘gulp-uglify‘);
 
// 新建任务
gulp.task(‘script‘,function(){
//匹配
gulp.src(‘./js/index.js‘)
.pipe(uglify())
.pipe(gulp.dest(‘./js/dist‘));
//指定输出的目录
});
  • 在gulpfile.js里面写‘搬运合并压缩js‘代码:
var gulp = require(‘gulp‘);
// 引入gulp-uglify代码压缩插件
var uglify = require(‘gulp-uglify‘);
 
// 新建任务
gulp.task(‘script‘,function(){
//匹配
gulp.src([‘./js/1.js‘,‘./js/2.js‘])
.pipe(concat(‘./js/index.js‘))
.pipe(uglify())
.pipe(gulp.dest(‘./js/dist‘));
//指定输出的目录
});
  • 在gulpfile.js里面写‘搬运压缩html‘代码: html压缩比较复杂,具体代码看文档

  • 使用gulp : gulp [任务名] 

    技术分享图片

     

    技术分享图片

gulp的使用方法

标签:技术   pipe   方法   class   var   bms   off   dsa   word   

原文地址:https://www.cnblogs.com/tutumissed/p/8276315.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!