2016-11-09 3 views
0

Я загрузил установку AngularJS для PhoneGap с этого tutorial.Заменить задачу по умолчанию для Less с задачей Gulp

Теперь я хотел бы использовать Sass вместо Less (так как это то, что я использую в проекте, я портирую на 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'))); 
}); 

Я попробовал этот глоток задачу Sass:

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: Я на самом деле не заменяя Less задачу, я просто добавив еще одну задачу для Сасса.

UPDATE 2: Я зову задачу Sass здесь

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

две возможности: (1) Ваша 'sass' задача фактически не работают, потому что вы не называть его (2) Ваш путь неправильно. –

+0

@SvenSchoenung откуда бы я его назвал? – suMi

+0

Не знаю. Командная строка? Gulpfile? Кому ты рассказываешь. –

ответ

0

Ваш путь является абсолютным, а не относительным. Не забывайте точки;)

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

не влияет на результат – suMi

Смежные вопросы