Help us understand the problem. What is going on with this article?

VisualStudio+Phaser3(TypeScript)でソースファイル分割

More than 1 year has passed since last update.

やりたいこと

Phaser3(TypeScript)で、Cで言うincludeとか、Javaで言うimportとかしたかった。
かっこよくなくなるので、できればhtmlにscriptタグ羅列するのではなくTypeScriptのソース内で完結させたい。
めんどくせえからビルドなんていちいち叩きたくないのでなんかIDEの上の方にあるみどりのさんかくおしただけでうごいてほしい

ハマった!

えーとexportsのメンバに入れるのか‥‥‥? requireで? importってのもあるのか? あれ?require.jsがいるの?
TypeScriptではファイルの先頭に ///<reference path="PATH"/>いれないといけないのか? これでいける‥‥‥?
定義されていない‥‥‥? ナンデ?

解決した!

参照する側の.tsファイルにて、

///<reference path="hoge.ts" />

と記述し(自動補完が効きました。IDE凄い!)、
どうもここは必須ではないみたいです

VisualStudioにて、ソリューションのプロパティ→TypeScriptビルド で
image.png
ここのチェック入れてファイル名指定すると全部のtsファイルを一つのjsファイルに結合して出力できるんですね。
referenceタグの関係を見て、きちんとした順番で結合してくれるみたいです。
それだけで解決しました。
あとはnamespace内に入れてexportするなりグローバルに全部置くなりでなんとかなります。
VisualStudio完全に理解しました。

備忘録のために載せておきます。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした