gulp的使用方法
Posted tutumissed
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了gulp的使用方法相关的知识，希望对你有一定的参考价值。
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的使用方法的主要内容，如果未能解决你的问题，请参考以下文章