使用gulp自动化构建工具,增强项目工作流程

为什么要使用gulp?

你在项目部署到服务器上之前是否还在一个个的压缩js和css文件?如果是,那你就out了;因为gulp可以实时监控你的每个文件,同时生成对应压缩、合并后的文件,为开发提速不少。当然gulp的功能还远不止如此!

安装node.js

因为gulp是基于nodeJS的,所以要先安装node.js。首先去Node.js中文网下载安装文件,安装很简单,跟安装个游戏差不多,一直点下一步(next),安装完之后,检测是否安装成功,打开cmd命令行输入node -v,注意有空格
使用gulp自动化构建工具,增强项目工作流程

如果出现nodeJS版本号,则说明安装成功

使用gulp自动化构建工具,增强项目工作流程

安装gulp

全局安装gulp: npm install --global gulp
初始化项目:npm init
项目安装gulp:  npm install gulp
创建gulpfile.js文件
下载gulp-webserver模块:npm install gulp-webserver -D
下载gulp-concat模块:npm install gulp-concat -D
下载gulp-uglify:npm install gulp-uglify -D
下载gulp-minify-css模块:npm install gulp-minify-css -D

淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

模块学习

header = require('gulp-header');
sftp = require('gulp-ftp');
runSequence = require('run-sequence');
gulp删除文件?

未完待续

相关推荐