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

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などがありますが、それらの仲間といった感じだと ...

: Reactに関するメモ

１．ReactでComponentのRenderが行われるタイミング ReactでComponentのRenderが行われるのは以下2つのタイミングのみ stateを更新す ...

: Node.jsのrequire関数のモジュール読み込みについて

Node.js のモジュール機構について（JavaScript の場合）ディレクトリ構造 Node.js のパッケージマネージャーである npm を使う場合、プロジェクトディレクトリは以下のような ...

: SystemJSのConfig構成について

SystemJSのConfig構成はsystemjs.config.jsファイルで設定される事が多いと思います。今回はAngular2の公式チュートリアルにあるクイックスタートで使用されているsyst ...

: （webpack2）webpack-dev-serverを使ったWEBフロントエンド開発

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