gulp编译sass

前言：前段时间学习了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的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。