발전기 - 꿀꺽 꿀꺽 소리에 따라 라이브 프로젝트에서 라이브 리로드 구성

Question

이전에 금색의 발전기 - 꿀꺽 꿀꺽 삼각형을 기반으로 한 아키텍처의 Ionic 1.3.1 프로젝트가 있습니다. Live Reload (안드로이드).

이

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

이가 내가 gulp serve 사용하는 브라우저에서 프로젝트를 실행하고 나는 gulp build && ionic run android를 사용하는 안드로이드 장치에서 실행하는 것을 의미합니다 :

내 꿀꺽의 설정 경로는 다음과 같다. 그것은 www 폴더를 동기화하기 때문에

내가 명령을 ionic run android --livereloadas described in the doc here를 사용할 수없는 경우 (A gulp build은 후) 나는 축소 된 파일이 아닌 소스 파일이 있습니다.

그래서 어떤 식 으로든 두 개의 명령 gulp serve과 ionic run android --livereload을 섞어 쓰고 싶습니다. 근데 ​​이걸 어떻게 성취 할 수 있을지 모르겠습니다.

Answer 1

내 gulp watch 작업이 변경 될 때마다 ionic run android --livereload 명령이 실행되는 동안 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 

즐기십시오!