使用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

未完待續

相關文章
相關標籤/搜索