實現功能

　　監聽scss文件　　

　　sass自動化

準備條件

　　1 .安裝gulp

　　　　npm init ? ---->一直enter，會在當前目錄下生成一個package.json文件,記錄安裝的依賴模塊

　　　　npm install gulp --save-dev ?

　　2 .安裝gulp-ruby-sass

　　　　npm install?gulp-ruby-sass?

　　　　你還需要安裝ruby環境 ，具體看http://www.cnblogs.com/NTWang/p/6284769.html ?的2.2模塊

　　3 .創建gulpfile.js文件

上述都搞定！

創建文件

　　

gulpfile.js 文件

1 var gulp = require('gulp'); 2 var sass = require('gulp-ruby-sass'); 3 4 gulp.task('sass', function(){ 5 return sass('scss/index.scss')// 編譯文件 6 .on('error', sass.logError) // 錯誤信息 7 .pipe(gulp.dest('css'));//輸出路徑 8 } 9 ); 10 11 gulp.task('dist',function(){ 12 gulp.watch('./scss/*.scss',['sass']);// 監聽的文件 13 });

在控制臺運行：

　　gulp dist

scss ---》css

?

這樣就使用了gulp實現的sass自動化　

轉載于:https://www.cnblogs.com/NTWang/p/6562295.html

總結

以上是生活随笔為你收集整理的gulp 实现sass自动化 ，监听同步的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。