上周在開發(fā)一個新的項目，是一個基于公眾號授權管理的，別人的公眾號授權給我們的公眾號，在我們的平臺設置關注回復文字、回復圖文等...

話不多說，教大家搭建一個簡易的前端腳手架：

 //全局安裝npm
$ sudo npm install gulp -g

//使用npm初始化一個項目，會生成一個package.json
$ npm init  

//我們局部安裝Gulp。使用—save-dev，將通知計算機在package.json中添加gulp依賴;
$ npm install gulp --save-dev

//安裝gulp-sass模塊
$ npm install gulp-sass

執(zhí)行完以上的操作以后，手動創(chuàng)建一個gulpfile.js文件，開始編寫gulp腳本;

//請求一下gulp模塊
var gulp = require('gulp');

//請求一下gulp-sass模塊
var sass = require('gulp-sass');

//創(chuàng)建管道命令，執(zhí)行sass會執(zhí)行這條命令
gulp.task('sass',function () {
  //把本地這個目錄下的所有的.scss文件
    gulp.src('frontend/web/sass/*.scss') 
        //使用sass()方法編譯并壓縮
        .pipe(sass({outputStyle: 'compressed'}))  
        //并且在此目錄下生成.css文件
        .pipe(gulp.dest('frontend/web/css'));
});

//創(chuàng)建管道命令，這個是監(jiān)聽命令
gulp.task('watch',function(){
    // 指定監(jiān)聽這個目錄下的所有的.scss文件的改變，
    // 如果文件有改動，自動執(zhí)行sass命令進行編譯
    gulp.watch('frontend/web/sass/*.scss',['sass']);
});
/*gulp.task('default',['sass']);*/

//設置默認的管道命令，默認輸入gulp，
//會自動執(zhí)行sass命令進行編譯以及watch命令進行監(jiān)聽并執(zhí)行sass命令。
gulp.task("default",["sass","watch"],function(){ //定義默認任務 并讓gulp監(jiān)視文件變化自動執(zhí)行
    /*gulp.watch(["sass"]);*/
    //這里寫回調事件
});

好了，gulp搭建前端腳手架初步就到這里，之后可能會使用到合并等，再會來補充。