gulp

[at7211]

var gulp = require('gulp');  // 將 node_modules 的檔案載入
var sass = require('gulp-sass');

gulp.task('sass', function () {     // 定義 sass 的任務名稱
  return gulp.src('sass/style.sass') // sass 的來源資料
    .pipe(sass(                     // 編譯 sass
      {outputStyle: 'expanded'}     // sass 的輸出格式
    ).on('error', sass.logError))
    .pipe(gulp.dest('./css')); // sass 編譯完成後的匯出資料夾
});

gulp.task('sass:watch', function () {
  gulp.watch('sass/style.sass', ['sass']); 
  // 監控資料夾，當有變化時執行 'sass' 任務
});

[at7211]

專案初始化完成之後，接著就可以來安裝這個專案的 Gulp 套件，輸入以下的指令就可以安裝 ( Mac 要加 sudo )，至於為什麼要有-save-dev呢？當我們寫-save-dev，會將這個模組添加到package.json的devDependencies裏頭，如果寫-save，就會添加到dependencies裡，這兩個的差異在於讓使用具備這個package.json專案的人，可以清楚的知道這個模組，是開發使用，還是執行專案時使用的。

npm install gulp -save-dev 參考資料： Gulp 學習 1 - 安裝與執行