2017-12-26 12 views
6

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

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

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

input 

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

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

+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" 
} 

作成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で使用しています

関連する問題