前回の続き。TypeScript コード内で import や export を用いていると、デフォルトの設定ではブラウザ上でそのコードが利用できないことを話した。 neos21.hatenablog.com 今回はこの対応方法を紹介する。 なお、今回の目的は「TypeScript の素振り環境として楽に構築できること」なので、Webpack などのバンドルツールを用いるのではなく、可能な限り素に近い状態から HTML 上で利用できるようにしてみる。 AMD or UMD 形式でトランスパイルして RequireJS を使う 難アリ:ESModules 形式にして直接利用する 失敗:SystemJS を使って TypeScript をそのまま動作させる 結論:AMD (UMD) 形式で出力して RequireJS を使おう AMD or UMD 形式でトランスパイルして RequireJS
![import・export を利用している TypeScript コードを HTML 上で動作させる方法 - Corredor](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed8b8c7c032483073a6f63bf1f19d8c369787841/height=288;version=1;width=512/https%3A%2F%2Fimages-fe.ssl-images-amazon.com%2Fimages%2FI%2F51TPQWxX9jL._SL160_.jpg)