gulp编译sass

最新推荐文章于 2023-02-11 15:30:04 发布

abgo98357

最新推荐文章于 2023-02-11 15:30:04 发布

阅读量100

点赞数

原文链接：http://www.cnblogs.com/ryt103114/p/6182086.html

版权

前言：前段时间学习了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