Я загрузил установку 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);
});
две возможности: (1) Ваша 'sass' задача фактически не работают, потому что вы не называть его (2) Ваш путь неправильно. –
@SvenSchoenung откуда бы я его назвал? – suMi
Не знаю. Командная строка? Gulpfile? Кому ты рассказываешь. –