前言：前段時間學習了sass語法，但是一直用的是“考拉”這個軟件工具將我寫的sass代碼編譯成css，然后再引用到項目里面去的，隨著對ｓａｓｓ的更加深入的了解，我開始嘗試著將ｓａｓｓ寫入ｇｕｌｐ，下面就介紹如何將ｓａｓｓ寫入ｇｕｌｐ，完成一系列自動化編譯。

①、安裝gulp-sass ?：npm install gulp-sass --save-dev

②、寫入gulpfile.js：var sass = requrie('gulp-sass')

gulp.task('sass', function () {
　　return gulp.src('./src/less/sass/*.scss') //要編譯的scss文件的路徑
　　.pipe(sass({ outputStyle: 'expanded' }).on('error', sass.logError)) //outputStyle:編譯方式?
　　.pipe(gulp.dest('./src/less/css')); // 要編譯的輸入的css文件路徑
});

③、加入watch，完成監控

④、在你的html里面引用你編譯好的css就可以了

轉載于:https://www.cnblogs.com/ryt103114/p/6182086.html

總結

以上是生活随笔為你收集整理的gulp编译sass的全部內容，希望文章能夠幫你解決所遇到的問題。

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