Gruntfile 시작 서버, 자동로드, broswer에서 자동 열기

Question

안녕하세요 저는 gruntfile과 프론트 엔드 dev에 일반적으로 익숙하지 않습니다. gruntfile을 설정하여 내 기본 작업에서 서버를 실행할 수 있지만 실제로 작동하지만 그것은 index.htmt에서 열리지 않지만 대신 Grunt-Serve page에서 src/index.html로 이동해야합니다.

내 gruntfile :

module.exports = function(grunt) { 
    // Project configuration. 
    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    serve: { 
     options: { 
      port: 9000, 
      hostname: 'localhost', 
     } 
    } 
    }); 

    //Load Grunt serve task 
    grunt.loadNpmTasks('grunt-serve'); 

    grunt.registerTask('default', ['serve']); 

}; 

package.json :

"devDependencies": { 
    "grunt": "^1.0.1", 
    "grunt-serve": "^0.1.6" 
    } 

또한 내가 그것을 gruntfile를 사용하거나 자동으로 제공 작업 브라우저에서 프로젝트를 열 수 있음을 전에 보았다. .. 패키지가 필요합니다 ....? 또한 한 번 개발하고있는 것은 내 변화가 살아 있는지보고 싶습니다.

도움이 되셨다면

Answer 1

아마도 브라우저 동기화를 원할 것입니다. 일반적으로 브라우저는 자동으로 열립니다. https://www.browsersync.io/docs/grunt

하지만 시작 만 얻을이 설치 시도 :

module.exports = function(grunt) { 
    grunt.initConfig({ 
    browserSync: { 
     bsFiles: { 
     src : [ 
      'index.html', 
      'paths/to/files/for/autoreload' 
     ] 
     }, 
     options: { 
     server: { 
      baseDir: "./" 
     } 
     } 
    } 
    }); 

    grunt.loadNpmTasks('grunt-browser-sync'); 

    grunt.registerTask('default', ['browserSync']); 
}; 

BASEDIR이 시도됩니다

첫 방송 $ npm install grunt-browser-sync --save-dev

Gruntfile.js을 당신은 여기에 몇 가지 구성의 예를 볼 수 있습니다 지정한 디렉토리에서 index.html이라는 파일을 열 수 있지만이 파일도 구성 할 수 있다고 확신합니다. 원하는대로 파일 구조를 변경하고 구성을 조정할 수도 있습니다.

시계를 넣고 자동으로 다시로드하려는 경로를 src에 추가하십시오. 다른 예제를 sass 나 다른 전 처리기와 결합하면 다른 예제를 살펴볼 필요가있을 수 있습니다.