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

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

: ES6のクラス定義について

概要 JavaScript はプロトタイプベースの言語であり、クラスベースの言語とは異なりクラスというものが存在しませんでした。プロトタイプを使ってクラスと同等なことを実現するというこ ...

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

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

: Javascriptのアロー関数について

アロー関数 ES2015(ES6)の新構文の一つ無名関数の省略記法。無名関数とアロー関数とは完全に等価というわけではないため、取り扱いにはいくつかの注意が必要。 =>(矢)を使 ...

: ReactのJSXについて

スタイル適用 Reactでは全ページとしては統一感をもったスタイルを適用するとともに、コンポーネントごとにスタイルを指定することが可能 classNameとstyle サー ...

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

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