2017-09-19 11 views
0

問題を解決する方法を検索した最後の数日は過ぎましたが見つかりませんでした。 私のgulpfileは私のCSSをコンパイルしません。 私のgulpfileはもともとsassファイル用であり、完全に動作しました。私はこのプロジェクトのためにそれをscssに変更しました。ここ は私gulpfileです:私のgulpfileはコンパイルされません

/* Modules 
------------------------------------- */ 
var gulp   = require('gulp'), 
// Tools 
watch   = require('gulp-watch'), 
rename  = require("gulp-rename"), 

// Styles 
sass   = require('gulp-sass'), 
autoprefixer = require('gulp-autoprefixer'), 

// Prevent watch from crashing on errors 
plumber  = require('gulp-plumber'), 


gulp_src  = gulp.src; 

gulp.src = function() { 
return gulp_src.apply(gulp, arguments) 
.pipe(plumber(function(error) { 
    console.log(error); 
    this.emit('end'); 
    }) 
); 
}; 


/* Paths 
------------------------------------- */ 
var paths = { 
sass: './assets/scss/', 
css: './assets/css/', 
templates: './assets/scss/templates/' 
} 


// Autoprefixer Task 
gulp.task('autoprefix', function() { 

gulp.src(paths.css + 'application.css') 

.pipe(gulp.dest(paths.css)) 
}); 



// Sass Task 
gulp.task('sass', function() { 

gulp.src(paths.scss + 'application.scss') 
.pipe(sass({indentedSyntax: true})) 

//Autoprefixer 
.pipe(autoprefixer({ 
    browsers: ['> 2%'], 
    cascade: false 
})) 
.pipe(gulp.dest(paths.css)) 

}); 


/* METHOD ------------------------------------- */ 

// Watch Task 
gulp.task('watch', function() { 
gulp.watch(paths.scss+'**/*.scss', ['sass']); 
}); 

// 
// DEFAULT 
gulp.task('default' , ['watch']); 

そして、ここに私のフォルダ構造です: folder structure

また、ここで一息は、端末上でどのように反応するかである: terminal

は誰も私を助けることができますか?どうもありがとうございました。

答えて

0

チェンジのパスの2行目がに反対する: "パスをSCSS" あなたの 'SASS' タスクが使用しているため

var paths = { 
    scss: './assets/scss/', 
    css: './assets/css/', 
    templates: './assets/scss/templates/' 
} 

ない "パスSASS"

関連する問題