首页 > Web开发 > 详细

Gulp JS简单操作-待续

时间:2015-06-11 19:13:56      阅读:117      评论:0      收藏:0      [点我收藏+]

一、安装gulp

1、深入设置任务之前,需先安装gulp:

$ npm install gulp -g

2、这会将gulp安装到全域环境下,让你可以存取gulp的CLI。接著,需要在本地端的专案进行安装。cd到你的专案根目录,执行下列指令(请先确定你有package.json档案):

$ npm install gulp --save-dev

二、生成文件结构

技术分享 (生成node_modules文件)

 

三、创建gulpfile.js文件

var gulp = require(‘gulp‘),
uglify = require("gulp-uglify");   //uglify为JS压缩


gulp.task(‘default‘,[‘js‘], function(){
console.log(‘js file is beginning...‘);
});

gulp.task(‘js‘, function(){
console.log(‘>>>start task:js‘);

gulp.src(‘scripts/app/reactTest/reactTest.js‘)   //需要打包的目录文件
.pipe(uglify())    //uglify为JS压缩
.pipe(gulp.dest(‘compressfile/js‘));   //打包到目标位置
});

四、然后执行

在cmd 执行gulp default 或者 cd到项目目录执行命令 gulp --gulpfile gulpfile.js

 

下载文件代码 在GIT上

 

Gulp JS简单操作-待续

原文:http://www.cnblogs.com/babyfacer/p/4569803.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!