#17 TypeScriptで学ぶモジュールとパッケージの基本
TypeScriptのモジュールは、JavaScriptと同じ`export`・`import`の仕組みをそのまま使います。この記事では、TypeScriptにおけるモジュールの基本を解説します。
exportとimportの基本
// utils.ts
export function greet(name: string): void {
console.log(`こんにちは、${name}さん`);
}
// main.ts
import { greet } from './utils';
greet("太郎");
型だけをエクスポートする
TypeScriptには、型定義だけを他のファイルと共有する`export type`という書き方もあります。
export type Person = { name: string; age: number };
TypeScriptならではの注意点
複数のファイルに分かれたプロジェクトでは、型の定義を専用のファイルにまとめておくと、プロジェクト全体で同じ型を安心して使い回せます。ファイルを分ける際は、機能だけでなく型の置き場所も意識しておくとよいでしょう。
まとめ
TypeScriptのモジュールはJavaScriptと同じ`export`・`import`が基本です。型専用のエクスポートも活用し、プロジェクト全体で型を共有しましょう。
コメント
コメントを投稿