1

私は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']);
4

1 に答える 1