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

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にはアクセス修飾子はない。 JavaScriptのスコープは、「グローバルスコープ」と「関数スコープ（ローカルスコープ）」のみ。JavaScriptではスコープ（変数 ...

: npmについて

コマンドについて・コマンドコマンド説明 npm init 対話形式で項目を入力してpackage.jsonを作成します。 npm init -y デフォルト値でpackage.jsonを作成しま ...

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

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

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

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