WEB WEBフロントエンド開発

TypeScriptのソールファイル分割

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

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

 

 

 

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

(1)ソース

(2)コンパイル

(3)コンパイル結果

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

 

 

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

 

スポンサーリンク




スポンサーリンク




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

執筆者:

関連記事

(webpack2)TypeScriptとWebpackを使ったWEBフロントエンド開発

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

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

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

HTML5についてのメモ書き

FileSystem API     HTML5 FileSystem Explorer Chromeの拡張機能に「HTML5 FileSystem Explorer」というツール ...

ReactのJSXについて

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

(webpack2)webpack-dev-serverを使ったWEBフロントエンド開発

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