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
})