Gulp JS简单操作-待续
2015-06-11 18:04
537 查看
一、安装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上
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上
相关文章推荐
- 如何用JS弹出“有输入框并带有是、否、取消按钮”的对话框。
- 201506111312_《JavaScript权威指南——找元素位置函数、数组类型、数组对象》(p159-161)
- 非侵入式Javascript(MVC模型特性应用)
- json解析的几种方式
- 关于闭包
- js 的try catch应用
- 对js闭包的学习
- JS常用代码备忘
- 如何判断浏览器的类型?
- js 身份证号验证
- 手动触发js事件
- js获取url的参数的正则方式
- JavaScript语法中的九个陷阱
- 动画库tween.js--常用的运动算法
- js中价格格式化
- 每个Javascript开发者都应当知道的那些事(转载)
- javascript 对象 工厂方式和构造函数
- 常见的10个JavaScript动画函数库
- js设置 获取 删除cookie
- js转换c#时间