TypeScript ファイル実行方法
2024-08-26
TypeScript ファイルをコマンドラインから実行する (Node.js と TypeScript)
前提条件
- TypeScript ファイルが作成されていること。
- Node.js と TypeScript がインストールされていること。
手順
TypeScript ファイルをコンパイルする
- ターミナルまたはコマンドプロンプトを開き、TypeScript ファイルが保存されているディレクトリに移動します。
- 次のコマンドを実行して TypeScript ファイルを JavaScript ファイルにコンパイルします:
tsc filename.tsこれにより、
filename.jsという名前の JavaScript ファイルが生成されます。コンパイルされた JavaScript ファイルを実行する
- 次のコマンドを実行してコンパイルされた JavaScript ファイルを実行します:
node filename.jsこれで、TypeScript コードが実行されます。
例
コンパイルされた
app.jsを実行するには:node app.jsコンパイルするには:
tsc app.ts
- TypeScript コンパイラは、さまざまなオプションを提供しており、コンパイル時の動作をカスタマイズできます。詳細については、TypeScript のドキュメントを参照してください。
- Node.js のモジュールシステムを使用する場合は、TypeScript ファイルに
importまたはexportステートメントを使用してモジュールをインポートまたはエクスポートできます。 - TypeScript コンパイラは、
tsc --watchオプションを使用してファイルを監視し、変更時に自動的にコンパイルすることもできます。 - TypeScript ファイルをコンパイルするたびに、JavaScript ファイルを再生成する必要があります。
function greet(name: string) {
console.log("Hello, " + name + "!");
}
greet("World");
実行手順
実行
node app.js
出力
Hello, World!
解説
greet関数は、引数として受け取った名前をコンソールに出力します。nodeコマンドを使用して、コンパイルされたapp.jsを実行します。tscコマンドを使用して、app.tsをapp.jsにコンパイルします。app.tsファイルは、greet関数を定義し、その関数を呼び出しています。
- Node.js の
typescriptモジュールを使用します。 - TypeScript コンパイラをプログラム的に呼び出すことで、コンパイルプロセスを自動化できます。
import * as ts from "typescript";
const compilerOptions: ts.CompilerOptions = {
target: ts.ScriptTarget.ES5,
module: ts.ModuleKind.CommonJS,
};
const program = ts.createProgram(["app.ts"], compilerOptions);
const emitResult = program.emit();
if (emitResult.diagnostics.length > 0) {
emitResult.diagnostics.forEach((diagnostic) => {
console.error(ts.flattenDiagnosticMessage(diagnostic));
});
}
Build Tools
- これらのツールは、TypeScript コンパイラを統合し、他のタスク (ソースマップ生成、ミニファイ、テストなど) も実行できます。
- Webpack、Gulp、Grunt などのビルドツールを使用して、TypeScript ファイルのコンパイルとバンドルを自動化できます。
例 (Webpack)
// webpack.config.js
module.exports = {
entry: "./src/index.ts",
output: {
filename: "bundle.js",
},
module: {
rules: [
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/,
},
],
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
};
Integrated Development Environment (IDE)
- IDE 内から TypeScript ファイルをコンパイルして実行できます。
- Visual Studio Code、WebStorm、IntelliJ IDEA などの多くの IDE が TypeScript のサポートを提供しています。
- IDE の組み込み機能は、開発中のコンパイルと実行を簡素化します。
- ビルドツールは、ビルドプロセスの自動化と効率化に役立ちます。
- TypeScript コンパイラ API は、より柔軟なコンパイル処理が必要な場合に適しています。
- コンパイル方法の選択は、プロジェクトの規模、チームワーク、ビルドプロセスの自動化要件などによって異なります。
node.js typescript
