如何從gulpfile.js中調用打字稿方法

Question

我有一個項目，其中我的gulpfile.js相當複雜，因此我想將一些代碼分解爲typescript。

如何從gulpfile.js中調用打字稿代碼？

Answer 1

我們可以有一個更好看呢它是如何落後打字稿本身的開發團隊已經做了：

1. 這裏是gulpfile.ts - 它在打字稿 - 完美！

2. 這是package.json - 請注意ts-node的使用 - 這是解決方案的關鍵。

而基本上就是這樣。

Answer 2

這可能是更容易去gulpclass從一開始，但是這是我發生了口角它：

config.ts

export function getString() : string 
{ 
    return "getString() worked!"; 
} 

class Animal{ 
    legs : number = 4; 
    Sound():string{return "Woof!"} 
} 

export var dog = new Animal(); 

tsconfig.json

{ 
    "include": [ 
     "./src/**/*.ts" 
    ], 
    "exclude": [ 
     "node_modules", 
     "**/*.spec.ts" 
    ], 
    "compilerOptions": { 
     "noImplicitAny": true, 
     "target": "es5", 
     "module": "commonjs", 
     "outDir" :"./src", 
    } 
} 

gulpfile.js

var gulp = require('gulp') 
var config = require("./src/config.js"); 

gulp.task('default', function() { 
    console.log(config.getString()); 
    console.log(config.dog.Sound()); 
    console.log(config.dog.legs); 
}); 

輸出

[21:03:43] Starting 'default'... 
getString() worked! 
Woof! 
4 

注

• commonjs模塊設置是一個關鍵
• 吞氣文件被編譯* .TS（這裏未示出），其意味着當前的吞嚥總是加載一個版本的TSC到老。 gulpclass或許與transpile語法