gulpとnodejsでTypescriptを使用している間、requireとexportsの定義されていない参照

Question

私はTypescriptを知るまで私のWebアプリケーションをプレーンなjavascriptで記述していました。そのjavascriptと私didntの良いスーパーセットは、私はそれを書くとコンパイルし、私のWAMPサーバーを使用してそれを実行する場合、任意の問題があります。

しかし、私はangular2について聞いた（私はangular1を知っている）、私はhttps://www.lynda.com/AngularJS-tutorials/Learn-AngularJS-2-Basics/428058-2.htmlコースを使用してそれを学び始めた。

彼はnodejs、がぶ飲み、一息-ウェブサーバを使用しています。

typescript/ 
|--app/ 
----index.html, load animal.js, cat.js from js/ 
----|--js, contains all compiles js files(animal.js, cat.js) 
-------|--lib, contains all library files 
|--node_modules/ 
|--typescript/, contains my written typescript files 
---|--animal.ts 
---|--cat.ts 
|--typing/s, contains typescript definition files 
|--gulp.config.js 
|--gulpfile.js 
|--package.json 
|--tsconfig.json 
|--tslint.json 

：そして、私が最初にここに私のプロジェクトのディレクトリ構造がありますどのようにセットアップゴクゴク環境をへ https://www.youtube.com/watch?v=7xOubdqyqaY

から学習に切り替え、彼がやったように私は、正確なセットアップをしましたが、最後に、私は

Uncaught ReferenceError: exports is not defined @ animal.ts:1.
Uncaught ReferenceError: require is not defined @ cat.ts:1

を得ました

私がを実行すると、ルートフォルダ（typescript）でcmdでコマンドが実行され、すべてのタスクが実行され、すべてのtsファイルがコンパイルされ、lintされ、browser-syncおよび超静的。しかし、私は同じエラーに

Uncaught ReferenceError: exports is not defined @ animal.ts:1.
Uncaught ReferenceError: require is not defined @ cat.ts:1

を得た私のファイルの内容：

animal.ts

export class Animal { 
    constructor(private name: string, private sound: string) { 
    } 
    makeSound() { 
     console.log(`${this.name} makes ${this.sound}`); 
    } 
} 
let a: Animal = new Animal("tiger33", "Gurrrrrr"); 
a.makeSound(); 

cat.ts

import {Animal} from "./animal" 
let b: Animal = new Animal("Cat", "Mewww"); 
b.makeSound(); 

私は何を教えてください間違っている。 私はノード,gulp,tscをグローバルにインストールしています。 ブラウザまたはrequireJSをインストールする必要がありますが、ビデオではこれを使用していません。 ありがとうございます

Answer 1

最後にBrowserifyを使用しています。

手順here。