発電プロジェクトのライブリロードを設定するには

Question

私は有効にしたいと思っていたゴールドジェネレータの角度に基づいたアーキテクチャのIonic 1.3.1プロジェクトを持っていますLive Reloadデバイス（Android）に

マイ一気の設定パスは次のようになります。

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

これは私がgulp serveを使用するブラウザでプロジェクトを実行するために、私はgulp build && ionic run androidを使用するAndroidデバイスで実行することを意味します。

それは（ gulp build後）私は縮小さのファイルではなくソースファイルを持っている wwwフォルダを同期するので、私は、コマンド ionic run android --livereload as described in the doc hereを使用することはできません

。

だから私はいくつかの方法で、二つのコマンドgulp serveとionic run android --livereloadをミックスしたいと思いますが、心から私はこれを達成する方法がわかりません。

Answer 1

の実行中に、gulp watchタスクが変更されるたびに、gulp buildが実行されるという更新を解決しました。

私/gulp/watch.jsファイルがどのように見えるので、私は、私のgulp watchにフラグ--livereloadを追加しました：

使用する方法

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); 
    } 
    }); 
}); 

：

をターミナルタブ：

ionic run android --livereload 

と、上別の端末タブ：

gulp watch --livereload 

お楽しみください！