2016-11-09 7 views
0

PhoneGapのAngularJSの設定をtutorialからダウンロードしました。GulpタスクでLessのデフォルトタスクを置き換えます

私はLessの代わりにSassを使用したいと思います(これは私がPhoneGapに移植しているプロジェクトで使用しているためです)。デフォルト少ないタスクは次のようになります。

gulp.task('less', function() { 
    return gulp.src(config.less.src).pipe(less({ 
    paths: config.less.paths.map(function(p){ 
     return path.resolve(__dirname, p); 
    }) 
    })) 
    .pipe(mobilizer('app.css', { 
    'app.css': { 
     hover: 'exclude', 
     screens: ['0px'] 
    }, 
    'hover.css': { 
     hover: 'only', 
     screens: ['0px'] 
    } 
    })) 
    .pipe(cssmin()) 
    .pipe(rename({suffix: '.min'})) 
    .pipe(gulp.dest(path.join(config.dest, 'css'))); 
}); 

私はサスのために、このがぶ飲みタスクを試してみた:

gulp.task('sass', function(){ 
    return gulp.src('./src/sass/css/main.scss') 
    .pipe(sass()) // Using gulp-sass 
    .pipe(gulp.dest('./src/css/')); 
}); 

何も(新しく生成されたmain.scssファイルを見ることができない)起きているようです。誰かのヘルプ(。私はあなたがおそらく私もthisて読んだ推測できるよう前にがぶ飲みを使用していない。)

UPDATEでした: 私は実際に少ないタスクを交換していないです、私は別のタスクを追加していSassのために。

UPDATE 2: 問題は、それが実行されていないということのようですが、私はここに

gulp.task('watch', function() { 
    if(typeof config.server === 'object') { 
    gulp.watch([config.dest + '/**/*'], ['livereload']); 
    } 
    gulp.watch(['./src/html/**/*'], ['html']); 
    gulp.watch(['./src/sass/css/*'], ['sass']); 
    gulp.watch(['./src/js/**/*', './src/templates/**/*', config.vendor.js], ['js']); 
    gulp.watch(['./src/images/**/*'], ['images']); 
}); 

にサスタスクを呼び出しています。

UPDATE 3: ここでビルドフェーズコード

gulp.task('build', function(done) { 
    var tasks = ['html', 'fonts', 'images', 'sass', 'js']; 
    seq('clean', tasks, done); 
}); 
+0

2つの可能性; ドットを忘れないでください。 –

+0

@SvenSchoenungどこから呼び出すのですか? – suMi

+0

Dunno。コマンドライン? Gulpfile?教えてください。 –

答えて

0

ですあなたのパスは、相対、絶対的ではありません。あなたはそれが(2)あなたのパスが間違っている呼び出していないため、(1)あなたの `sass`タスクが実際に実行されません)

gulp.task('sass', function(){ 
    return gulp.src('./src/sass/css/main.scss') 
     .pipe(sass()) 
     .pipe(gulp.dest('./src/css/')); 
}); 
+0

は結果に影響を与えません – suMi

関連する問題