私はsassをコンパイルするためにnode-sassでGulpを使用しています。node-neat と node-bourbon も使用しています。ただし、コンパイルすると、30〜50秒かかります。私は何を間違っていますか?libsass が gulp-sass と node-sass にどのように作用するか、または gulp-sass と node-sass の違いが何であるかはよくわかりません。私の gulpfile.js では、両方を試しましsass = require('gulp-sass'),
たsass = require('node-sass'),
が、同じ結果が得られました。また、配管工を使用していますが、エラーが発生すると監視が停止します。ここに私のgulpfile.jsがあります:
var gulp = require('gulp'),
sass = require('gulp-sass'),
bourbon = require('node-bourbon').includePaths;
neat = require('node-neat').includePaths;
cache = require('gulp-cache'),
plumber = require('gulp-plumber'),
notify = require("gulp-notify"),
sourcemaps = require('gulp-sourcemaps');
gulp.task('styles', function() {
return gulp.src('sass/cleverDesign.scss')
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(sass({
style: 'expanded',
includePaths: require('node-bourbon').includePaths,
includePaths: require('node-neat').includePaths}))
.pipe(gulp.dest('sass/'))
.pipe(sourcemaps.write())
.pipe(gulp.dest('sass/' ));
});
// Watch
gulp.task('watch', function() {
// Watch .scss files
gulp.watch('sass/**/*.scss', ['styles']);
});
gulp.task('default', ['styles', 'watch']);