2016-05-24 1 views
0

にSASSをコンパイルしていない見て、私は私のSASSファイルをコンパイルする一気SASSとゴクゴクウォッチを使用しようとしますが、一気watchコマンド一息はゴクゴクを使用して、私は初心者です、CSS

を実行した後に作成したいかなるCSSファイルはありませんgulpfile.js

// Include gulp 
var gulp = require('gulp'); 

// Include Our Plugins 
var jshint = require('gulp-jshint'); 
var sass = require('gulp-sass'); 
var watch = require('gulp-watch'); 
var concat = require('gulp-concat'); 
var uglify = require('gulp-uglify'); 
var rename = require('gulp-rename'); 
var sourcemaps = require('gulp-sourcemaps'); 

//gulp.task('default', function() { 
// // place code for your default task here 
//}); 
gulp.task('default', ['sass', 'watch']); 


gulp.task('sass', function() { 
    return gulp.src('./sass/*.scss') 
    .pipe(sass.sync().on('error', sass.logError)) 
    .pipe(gulp.dest('./css')); 
}); 

gulp.task('sass', function() { 
return gulp.src('./sass/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(sourcemaps.write('./maps')) 
    .pipe(gulp.dest('./css')); 
}); 

// Watch Files For Changes 
gulp.task('watch', function() { 
    gulp.watch('./sass/*.scss', ['sass']); 
}); 

プロジェクトhiererchy

myProject 
    |_ public_html 
    | |_ css 
    | |_ sass 
    | |_ js 
    | |_ index.html 
    |_ node_modules 
    |_ gulpfile.js 
    |_ package.json 

と私うまくいってください

[21:37:26] Starting 'sass'... 
[21:37:26] Starting 'watch'... 
[21:37:26] Finished 'watch' after 7.01 ms 
[21:37:26] Finished 'sass' after 29 ms 
[21:37:26] Starting 'default'... 
[21:37:26] Finished 'default' after 7.11 ?s 

答えて

1

ファイルパスが間違っているようです。代わりに./sass/*.scss

./は、現在の作業の辞書を参照すること

public_html/sass/*.scss/

お知らせをしてみてください。

0

あなたは本当に必要としないので、両方とも最初のものを削除してみてください。パスの最初に./を置くことは実際には大したことではありませんが、パスも削除してみてください。

また、コールバックがありませんので、これを試してください。

gulp.task('sass', function (cb) { 
return gulp.src('sass/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(sourcemaps.write('maps')) 
    .pipe(gulp.dest('css'), cb()); 
}); 
関連する問題