現場で役立つ実践的な情報を備忘録としてまとめました

TypeScriptのソールファイル分割

投稿日：2017年11月13日更新日：2017年11月18日

TypeScriptのソールファイル分割の方法についてまとめました

１． <reference>によるグローバルモジュールによる方法

（1）ソース

function f():string {
    return 'test';
}

function f():string {

return 'test';

}

/// <reference path="./app.ts" />
f();

1 2	/// <reference path="./app.ts" /> f();

（2）コンパイル

$ tsc app2.js --outFile out.js

1	$ tsc app2.js --outFile out.js

（3）コンパイル結果

function f() {
    return 'f';
}
f();

function f() {

return 'f';

}

f();

執筆者：kei

: Webpackを使ったWEBフロントエンド開発

Webpackとはビルドツールの1つであり、モジュール管理ツールとしての側面も持っています。フロントエンドのビルドツールとしては、他にGulpとGruntなどがありますが、それらの仲間といった感じだと ...

: SystemJSを使ったWEBフロントエンド開発

当セクションはSystemJSを使ったWEBフロントエンド開発について説明します。JavaScriptをロードするための最も基本的な方法はscriptタグで実現することですが、SPAを構築するフロント ...

: TypeScriptを使った超簡単なWEBフロントエンドの開発環境を構築する

当セクションではTypeScript、Lite-Serverのパッケージを使った超簡単なWEBフロントエンドの開発環境の構築方法を説明したいと思います。開発用のタスクはnpm-scriptsを使用しま ...

: （webpack2）TypeScriptとWebpackを使ったWEBフロントエンド開発

当セクションでは前回の『Webpackを使ったWEBフロントエンド開発』をもとに具体的なプロジェクトを作成して、webpackの機能を把握したいと思います。使用するパッケージはwebpack2になりま ...

: Chromeを使ったAngular-cliのオンラインデバッグの方法について

当セクションでは、angular-cliの開発において、ブレイクポイントを設定するオンラインデバッグの方法について説明したいと思います。ChromeのデベロッパーツールによってTypescriptのソ ...