Sass 和 Css - 使用 Gulp 进行预处理

在开始 gulp 之前我们需要安装 node.js 和 npm。然后安装 gulp-sacc

$ npm i gulp-sass --save-dev // i = install

Gulp Head

var gulp = require('gulp');
// Requires the gulp-sass plugin
var sass = require('gulp-sass');

吞咽身体

gulp.task('sass', function(){
  return gulp.src('app/scss/*.scss') // searching for sass files
    .pipe(sass()) // Converts Sass to CSS with gulp-sass
    .pipe(gulp.dest('app/css')) // destination of the css file
});

Gulp 手表

gulp.task('watch', function(){
  gulp.watch('app/scss/**/*.scss', ['sass']); 
  // Other watchers
})