你的位置:首页 > 软件开发 > 操作系统 > Cordova中使用gulp

Cordova中使用gulp

发布时间:2016-05-24 00:00:04
打开package.json,添加main:gulpfile.js  在dependencies中添加gulp,vs2015十分智能,可以智能从npm中获取依赖如下图:   在添加过程中注意查看输出,如下图   如果 ...

Cordova中使用gulp

打开package.json,添加main:gulpfile.js

  

在dependencies中添加gulp,vs2015十分智能,可以智能从npm中获取依赖如下图:

Cordova中使用gulp

  

在添加过程中注意查看输出,如下图

Cordova中使用gulp

  

如果提示node js或者npm版本过低需要更新,如果更新后还是过低需要调整vs2015设置如下,取消使用沙盒版本.

Cordova中使用gulp

  

添加完毕后的依赖项显示如下:

  

Cordova中使用gulp

  

打开gulpfile.js编写如下代码,意在改名和压缩js.

var gulp = require("gulp");

var rename = require("gulp-rename");

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

  

gulp.task("minjs", function () {

gulp.src(["www/scripts/*.js", "!www/scripts/*.min.js"])

.pipe(rename({ suffix: '.min' }))

.pipe(uglify())

.pipe(gulp.dest("www/scripts"));

});

  

编写完毕后运行任务,如下图所示:

Cordova中使用gulp

如果右键没有任务运行程序资源管理器,需要从视图菜单获取,如下图:

Cordova中使用gulp

  

任务运行程序资源管理器 如下图所示,右键运行即可.

Cordova中使用gulp

  

生成的js如下图所示:

Cordova中使用gulp

  

  


原标题:Cordova中使用gulp

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录