質問するログイン新規登録
TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Q&A

1回答

339閲覧

TypeScriptの該当ファイルのみを指定したフォルダ配下にコンパイル(jsファイル生成)したい

KAI

総合スコア9

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

0グッド

0クリップ

投稿2025/01/24 07:02

0

0

実現したいこと

該当ファイル一つだけを対象にコンパイルしそれを./distフォルダ内に生成する方法があれば知りたいです。
※設定については該当のソースコードtsconfig.jsonを参考にしてください。

そもそも私の認識が間違えている可能性がありますので、下記の認識が合っているかもご確認頂きたいです。

ルートディレクトリに
Test.ts Test2.ts
があるとして
「tsc」のコマンドを実行すると
outDir": "./dist” の設定によりルートディレクトリにdistフォルダが生成され(distフォルダが無ければ)その中にコンパイルされたファイルが生成される。
"rootDir": “./“の の設定によりルートディレクトリ以下の全てのファイルがコンパイル対象になる。

「tsc ファイル名」のコマンドを実行するとtsconfig.jsonの設定は参考にしない。
つまりoutDirの設定は無視されルートディレクトリにコンパイルファイルが作成される。

発生している問題・分からないこと

上記の実装方法が分かりません。

該当のソースコード

tsconfig.json

1※デフォルトからの変更箇所以外はほぼ省略してます。 2{ 3 "compilerOptions": { 4 /* Language and Environment */ 5 "target": "es6", /* Set the JavaScript language version for emitted JavaScript and include compatible 6 /* Modules */ 7 "module": "commonjs", /* Specify what module code is generated. */ 8 "rootDir": "./", /* Specify the root folder within your source files. */ 9 /* Emit */ 10 "outDir": "./dist", /* Specify an output folder for all emitted files. */ 11 } 12}

試したこと・調べたこと

  • teratailやGoogle等で検索した
  • ソースコードを自分なりに変更した
  • 知人に聞いた
  • その他
上記の詳細・結果

実装方法は分かりませんでした。

補足

特になし

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

tsc のコマンドを確認してください

shell

1npx tsc --help

これにより下記のパラメータの話を見れます。

tsc app.ts util.ts Ignoring tsconfig.json, compiles the specified files with default compiler options.

つまり、 tsconfig が見られません。なので下記のコマンドでいいのではないでしょうか?

shell

1npx tsc Test.ts Test2.ts --outDir ./dist

他必要な設定があれば追加してください。

tsconfig の内容からするとこうでしょうか

shell

1 npx tsc Test.ts Test2.ts --outDir ./dist --target es6 --module commonjs --rootDir ./

投稿2025/01/24 07:18

編集2025/01/24 07:20
juner

総合スコア754

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

KAI

2025/01/25 00:35

ご回答ありがとうございます。 npx tsc Test.ts Test2.ts --outDir ./dist →This is not the tsc command you are looking for  To get access to the TypeScript compiler, tsc, from the command line either: tsc Test.ts Test2.ts --outDir ./dist →./distフォルダに生成されました。 これで問題ないのですが、Node関連の詳細やコマンドについて少し質問したいのですが、宜しければご教授頂きたいです。 パッケージについては今回はコンパイルテストをしているだけなのでNode.jsを使用しておらず、package.jsonすらありません。 以前にグローバルにTSをインストールしたので 質問① 今までグローバルのパッケージはPCに適用されルようなものだと思っていて一回も確認したことはありませんでした。 今回「npm list -g --depth=0」を実行すると下記が表示され見方がよく分かりませんでした。 ├── corepack@0.29.4 └── npm@10.9.0 どこを確認すればグローバルのパッケージを見れますでしょうか? 質問② npxについてはローカルパッケージ(フォルダ内のpackage.json)のパッケージ実行時に使用(scriptはnpm run 〜でも可能) tsc 〜と実行した際はグローバルも参照できる 今回は私がローカルにTSをインストールしてなかったから上記の結果になったという認識であってますでしょうか? ご回答頂けますと嬉しいです
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.30%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問