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

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

: JavaScriptのコンストラクタとプロトタイプについて

概要 Javascriptにはクラスという概念はないコンストラクタ定義＋newによってインスタンスを生成する。 ES6以前ではclass構文が実装がされていなかったので、prototypeという機能 ...

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

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

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

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

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

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