최소한의 플러그인으로 브라우저를 실행하고 라이브 리로드를 설정하십시오.

Question

웹 프로젝트를 설정 중이며 자동화 및 워크 플로에 과부하를 사용하고 싶습니다. 나는 sass, jshint, jsdocs, minifier 모두 훌륭하게 플레이하고 있지만, 불만스런 쉘에서 브라우저를 새로 고침하여 &을 실행하는 데 문제가 없습니다.

없음 브라우저 플러그인 :

는 내가이 일에 만나고 싶습니다이 조건을 가지고있다. (npm install, "grunt") npm 모듈을 최소한으로 유지하십시오. 나는 또한 시도 테스트에서

connect: { 
    options: { 
     base: 'app/', 
     port: '8888', 
     livereload: true 
    } 
}, 

watch: { 
    all: { 
     files: [ 
      'gruntfile.js', 
      'app/index.html', 
      'app/partials/*.html', 
      'app/styles/sass/*.scss', 
      'app/scripts/*.js' 
     ], 
     tasks: ['default'], 
     options: { 
      livereload: true 
     } 
    } 
} 

:

connect: { 
    options: { 
     base: "app/", 
     port: 8888, 
     open: { 
      target: 'app/index.html' 
     } 
    } 
} 

시계가 알려줍니다

이 그 둘에 대한 내 설정이다 (이상적으로 & 꿀꿀-있는 contrib-연결이 투덜-있는 contrib은 시계) 나,하지만 파일을 변경하면 기본 작업 (또는 그것에서 만든 하위 작업) 브라우저/페이지를 실행하지 않으며 거기에 다시로드 될 것 같습니다.

나는 열렬한 열기로 약간의 성공을 거뒀지만 버전 0.6.0 이후에는 grunt-contrib-watch로는 달성 할 수 있어야한다고 생각합니다.

----- 추가 내가 다음에 ... 또한

grunt.registerTask('serve', ['sass', 'connect', 'watch']); 
grunt.registerTask('default', ['jshint', 'serve']); 

결과 꿀꿀-있는 contrib-연결이 실행되는 경우 확실 해요, 난, 연결을 위해 어떤 타이밍이 표시되지 않습니다 나는 그것이 병렬로 실행되기 때문에 작업이 측정되지 않는다고 생각하지만, 무슨 일이 일어나고있는 것입니까?

Execution Time 
loading tasks 12ms ▇▇▇▇▇ 10% 
jshint:src  78ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 62% 
sass:all  11ms ▇▇▇▇▇ 9% 
watch   24ms ▇▇▇▇▇▇▇▇▇ 19% 
Total 126ms 

Answer 1

음,이 그것을이지만 지정되지 대상이 없기 때문에 당신의 업데이트 내가 connect 지금까지 실행되지 않을 것이라고 볼 수 있는지 확실하지 않습니다 :

connect: { 
    server: { // try adding this block 
     options: { 
      base: 'app/', 
      port: '8888', 
      livereload: true 
     } 
    } 
}, 

그렇지 않으면이 보이는 대부분 올바른을, 하지만 어떤 포트를 다시로드 할 것인지 명시 적으로 지정할 수도 있습니다.

watch: { 
    all: { 
     files: [ 
      // ... 
     ], 
     tasks: ['default'], 
     options: { 
      livereload: 8888 // changed... 
     } 
    } 
}