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

为何要使用gulp?

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

安装node.js

由于gulp是基于nodeJS的,因此要先安装node.js。首先去Node.js中文网下载安装文件,安装很简单,跟安装个游戏差很少,一直点下一步(next),安装完以后,检测是否安装成功,打开cmd命令行输入node -v,注意有空格
图片描述css

若是出现nodeJS版本号,则说明安装成功node

图片描述

安装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.orgweb

模块学习

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

未完待续

相关文章
相关标签/搜索