JSON設定GULPを持つtoTypeScriptクラス

Question

gulpタスクを使用してJSON設定からtypescriptクラスを作成しようとしています。

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

のような出力を得るために探して

input 

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

は一気-TS-config設定を使用してみましたが、そのはtemplate.tsにエラーを投げます。どういうわけか私は私のシステムでそれを動作させることができません。私たちは同じことを達成することができますを通じて他のgulpのプラグインはありますか？

Answer 1

マイ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" 
} 

作成typescriptです

export class AppSettings { 

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

タスクを実行した後

参考文献：https://www.npmjs.com/package/gulp-ts-config

私は機能を活字体に変換するために複数のオブジェクトが含まれるように、私のappSettings.jsonを変更した場合

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

結果、TSファイル

export class AppSettings { 

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

あなたが受け取るあなたの特定のエラーは何ですかgulp-ts-configから？私はVisual Studio2017をnpmバージョン5.5.1とノードバージョンv8.9.3で使用しています