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);
});
2つの可能性; ドットを忘れないでください。 –
@SvenSchoenungどこから呼び出すのですか? – suMi
Dunno。コマンドライン? Gulpfile?教えてください。 –