Visual Studio 2015의 Grunt를 사용하여 파일 복사

TypeScript의 IDE로 Visual Studio를 사용하고 싶지만 GAE 업로드 등은 Eclipse 플러그인을 사용한 방법이 간단합니다.
그래서 Visual Studio에서 만든 js 파일을 Grunt에서 Eclipse 프로젝트 아래에 복사합니다.
Visual Studio 2015부터 Grunt가 내장되어 사용이 매우 간단해졌습니다.
프로젝트 파일과 동일한 계층 구조에 package.json과 Gruntfile.js를 만듭니다.

package.json
{
  "name": "AnimeInfoClient",
  "version": "0.0.0",
  "description": "AnimeInfoClient",
  "main": "Gruntfile.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/kumo2ji/AnimeInfoClient.git"
  },
  "author": "kumo2ji",
  "license": "BSD",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-contrib-copy": "~0.8.1"
  }
}

devDependencies의 버전은 보완이 효과가 있다.

Gruntfile.js
module.exports = function (grunt) {
    grunt.initConfig({
        copy: {
            main: {
                files: [
                    {
                        expand: true, src: ['*.js', 'index.html', '!Gruntfile.js'],
                        dest: '../AnimeInfoClient/war', filter: 'isFile'
                    }
                ]
            },
        },
    });
    grunt.loadNpmTasks('grunt-contrib-copy');
};

보기 > 기타 창 > 태스크 러너 탐색기에서 태스크 러너 익스플로러를 확인하면 copy 태스크가 추가되었습니다.

copy:main을 더블 클릭하면 필요한 파일의 복사가 실행된다.

좋은 웹페이지 즐겨찾기