使用 gulp 编译 Sass
本章使用的是 ruby-sass 如果你不方便安装 ruby 或编译速度慢,建议使用
请务必理解如下章节后阅读此章节:
本章使用 ruby-sass
编译 css,若你没有安装 ruby 和 sass 请移步
你可以 下载所有示例代码 或
// 获取 gulp
var gulp = require('gulp')
// 获取 gulp-ruby-sass 模块
var sass = require('gulp-ruby-sass')
// 编译sass
// 在命令行输入 gulp sass 启动此任务
return sass('sass/')
.on('error', function (err) {
})
.pipe(gulp.dest('dist/css'))
});
// 在命令行使用 gulp auto 启动此任务
gulp.task('auto', function () {
// 监听文件修改,当文件被修改则执行 images 任务
gulp.watch('sass/**/*.scss', ['sass'])
});
// 使用 gulp.task('default') 定义默认任务
gulp.task('default', ['sass', 'auto'])
@import "a.scss";
.import{
a{
color:red;
}
}
.sass a {
color: pink;
}
.import a{