2016-11-11 18 views
5

'a göre yapılandırın İyonik 1.3.1 projemde, eski ama altın, jeneratör-gulp-açılı bir mimariye sahip ve Live Reload'u etkinleştirmek istiyorum cihazda (Android).Live-Reload'u yeniden yapılandırın Ion-gulp-açısal

exports.paths = { 
    src: 'src', 
    dist: 'www', 
    tmp: '.tmp', 
    e2e: 'e2e' 
}; 

Bu ben gulp serve kullanmak tarayıcıda projeyi çalıştırmak için ve ben gulp build && ionic run android kullanmak Android cihazı çalıştırmak için şu anlama gelir:

Benim yudum yapılandırma yolları benziyor. o www klasörü eşitler çünkü

Ben komutunu ionic run android --livereloadas described in the doc here kullanamaz burada (a gulp build sonra) ben küçültülmüş dosya ve değil kaynak dosyaları var.

Bu nedenle, iki şekilde gulp serve ve ionic run android --livereload komutlarını karıştırmak isterim ancak içtenlikle bunu nasıl başaracağımı bilmiyorum.

+0

hello, bu bağlantıyı kontrol edebilirsiniz https://codepen.io/leob6/post/quick-tip-using-gulp-to-customize-the-serve-run-and-build-process-for-your -ionic-çerçeve-apps – arjunaaji

cevap

3

görevimi, gulp build komutunu çalıştıran her değişiklik sırasında, ionic run android --livereload komutunu çalıştırarak güncelleştirmeyi çözdüm. Benim /gulp/watch.js dosya görünmesi için

Ben, benim gulp watch için bir bayrak --livereload eklendi gibi:

gulp.task('watch', ['inject'], function() { 

    var livereload = process.argv.length === 4 && process.argv[3] === '--livereload'; 

    gulp.watch([path.join(conf.paths.src, '/*.html'), 'bower.json'], ['inject-reload']); 

    gulp.watch([ 
    path.join(conf.paths.src, '/app/**/*.css'), 
    path.join(conf.paths.src, '/app/**/*.scss'), 
    path.join(conf.paths.src, '/scss/*.scss') 
    ], function(event) { 
    if (livereload) { 
     gulp.start('build'); 
    } else { 
     if(isOnlyChange(event)) { 
     gulp.start('styles-reload'); 
     } else { 
     gulp.start('inject-reload'); 
     } 
    } 
    }); 

    gulp.watch(path.join(conf.paths.src, '/app/**/*.js'), function(event) { 
    if (livereload) { 
     gulp.start('build'); 
    } else { 
     if(isOnlyChange(event)) { 
     gulp.start('scripts-reload'); 
     } else { 
     gulp.start('inject-reload'); 
     } 
    } 
    }); 

    gulp.watch(path.join(conf.paths.src, '/app/**/*.html'), function(event) { 
    if (livereload) { 
     gulp.start('build'); 
    } else { 
     browserSync.reload(event.path); 
    } 
    }); 
}); 

nasıl kullanılır:

bir terminal sekmede: on

ionic run android --livereload 

ve başka bir terminal sekmesi:

gulp watch --livereload 

İlgili konular