WEB WEBフロントエンド開発

TypeScriptのソールファイル分割

投稿日:2017年11月13日 更新日:

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

 

 

 

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

(1)ソース

(2)コンパイル

(3)コンパイル結果

  • 関数fがグローバル空間に展開される
  • このやり方はjQueryなどの汎用的な外部ライブラリに使われる

 

 

2.import/exportによる外部モジュールによる方法

 

スポンサーリンク




スポンサーリンク




-WEB, WEBフロントエンド開発

執筆者:

関連記事

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

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

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

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

JavaScriptのスコープとモジュールについて

仕様と問題点 JavaScriptにはアクセス修飾子はない。 JavaScriptのスコープは、「グローバルスコープ」と「関数スコープ(ローカルスコープ)」のみ。JavaScriptではスコープ(変数 ...

JavaScriptのTips

valメソッド、htmlメソッド、textメソッド .html(): 引数をHTMLとして書き換え。タグが有効になる。 .text(): 引数を文字列として書き換え。タグはエスケープされて無効になる。 ...

SystemJSのConfig構成について

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