Grunt, Gulp등 프로젝트 빌드툴을 사용하면 편리한 점이 한 두가지가 아니다. 브라우져를 자동으로 띄워주는grunt-open부터 살펴보자.

기능

grunt-open 은 웹개발시 개발 URL로 브라우져를 자동으로 띄워주는 기능을 한다.

설치

$ npm install grunt-open --save-dev

혹은 package.json 파일에 gurnt-open을 추가하여 설치한다.

// Gruntfile.js

module.exports = function (grunt) {

  // Project configuration.
  grunt.initConfig({

    open: {
      dev : {
        path: 'http://127.0.0.1:3000',
        app: 'Google Chrome'
      }
    }
  });

  // Plugins.
  grunt.loadNpmTasks('grunt-open');

  // Default task.
  grunt.registerTask('default', ['open']);
};

Grunt 설정 파일에서는 path에 개발서버 주소를 설정하고 app에 사용할 브라우져를 입력한다.  ”Firefox”나 “Safari”를 설정해도 된다.

실행

grunt open