gulp是一個構(gòu)建工具，可以通過它自動執(zhí)行網(wǎng)站開發(fā)過程中的公共任務，例如：編譯sass/less,編譯壓縮混淆javaScript,合并編譯模板和版本控制等。

安裝gulp

首先，檢測node.js是否存在，因為gulp的使用需要node環(huán)境。

接著，在項目目錄中安裝gulp為本地模塊

本地安裝gulp

npm install --save-dev gulp

最后，安裝項目中依賴的 gulp plugin模塊gulp-cssmin, gulp-jshint

npm install --save-dev gulp-cssmin gulp-jshint

使用

首先，在根目錄中創(chuàng)建一個gulpfile文件。然后寫.....

var gulp = require('gulp'); //加載gulp模塊
var uglifyJs = require('gulp-uglify'); //加載uglify模塊
var cleanCss = require('gulp-clean-css'); //加載clean模塊
//定義一個壓縮js代碼的任務
gulp.task('uglifyJs', [], function() {
gulp.src('build/.js') //找到原始文件
.pipe(uglifyJs()) //壓縮js代碼
.pipe(gulp.dest('js')); //壓縮后的代碼儲存在這里
});
// //定義一個壓縮css代碼的任務
//gulp.task('cleanCss', [], function() {
// gulp.src('gulp/.css') //找到原始文件
// .pipe(cleanCss()) //壓縮css代碼
// .pipe(gulp.dest('gulp/build')); //壓縮后的代碼儲存在這里
//});
// //定義一個監(jiān)聽任務
gulp.task('watch', function() {
//監(jiān)聽文件，一旦文件有變化，就執(zhí)行相應的任務
gulp.watch('build/.js', ['uglifyJs']);
// gulp.watch('gulp/.css', ['cleanCss']);
});
// //默認執(zhí)行的任務, 執(zhí)行完數(shù)組中的任務之后，再執(zhí)行當前任務
gulp.task('default', ['uglifyJs'], function() {
console.log('執(zhí)行完畢');
});