2017-12-26 26 views
6

gulp 작업으로 JSON 구성에서 typescript 클래스를 만들려고합니다. 꿀꺽-TS-설정하지만이 template.ts에서 오류를 던지는를 사용하여 시도JSON 구성 GULP가있는 toTypeScript 클래스

public static get ApiEndpoint(): string { 
    return "http://localhost:5000/api"; 
    } 

같은 출력을 얻을 찾고

input 

    { 
     "ApiEndpoint": "http://localhost:5000/api" 
    } 

. 어쨌든 나는 그것을 내 시스템에서 작동하게 만들 수 없다. 다른 꿀풀 플러그인이 있나요?

+1

'gulp-ts-config' 플러그인으로 무엇을 시도 했습니까? 이 도구 추천을 요청할 곳이 없다는 것을 알아야합니다. – lexith

+0

내가 왜 이런 유형의 출력을 원하겠습니까? –

답변

2

내 package.json

{ 
    "devDependencies": { 
     "gulp": "3.9.1", 
     "gulp-ts-config": "1.0.15" 
    } 
} 

내 gulpfile.js

var gulp = require('gulp'); 
var gulpTsConfig = require('gulp-ts-config'); 

gulp.task('test', function() { 
    gulp.src('appsettings.json') 
     .pipe(gulpTsConfig('AppSettings')) 
     .pipe(gulp.dest('Scripts')) 
}); 

appSettings.json

{ 
    "ApiEndpoint": "http://localhost:5000/api" 
} 

생성 된 타이프

export class AppSettings { 

    public static get ApiEndpoint(): string { 
    return "http://localhost:5000/api"; 
    } 
} 
작업을 실행 한 후

참고 : https://www.npmjs.com/package/gulp-ts-config

내가

{ 
    "ApiEndpoint": "http://localhost:5000/api", 
    "HelloWorld": "HelloWorld" 
} 

결과 TS 파일 기능을 타이프 라이터로 변환 할 여러 개체를 포함하는 내 appSettings.json을 변경하는 경우

export class AppSettings { 

    public static get ApiEndpoint(): string { 
    return "http://localhost:5000/api"; 
    } 
    public static get HelloWorld(): string { 
    return "HelloWorld"; 
    } 
} 

당신이받는 특정 오류가 무엇입니까 gulp-ts-config 에서요? 나는 비주얼 스튜디오 2017을 npm 버전 5.5.1과 노드 버전 v8.9.3과 함께 사용하고있다.