TypeScript で実装したアプリケーションのサンプル実装です。
| パッケージ | バージョン |
|---|---|
| TypeScript | 4.9.5 |
| Webpack | 5.75.0 |
その他のパッケージに関しては、各プロジェクトの package.json を確認してください。
また、その他の開発環境・動作確認環境はトップディレクトリにある README.md を参照してください。
開発用のローカルサーバが起動され、プロジェクトの監視ビルドが行われます。 プロジェクトの変更を行うと自動的に再ビルドが行われ、ブラウザのリロードが発生します。 [プロジェクトのデバック]から Visual Studio Code 上でデバックを行うことができます。
Visual Studio Code 上で終了する場合は、
コマンドパレットから >Tasks: Terminate Task を入力してタスクを選択します。
dist ディレクトリに、TypeScript のビルド成果物を出力します。
Webpack を用いて1つにまとめられた JavaScript ファイルが出力されます。
tsconfig.json 及び webpack.config.js を編集することで設定内容を変更できます。
上記のビルドを最適化した上で行います。 ビルドサイズが削減されるため、本番環境用の成果物の出力に使用します。
TypeScript の型チェックテストを行います。
tsconfig.json を編集することで設定内容を変更できます。
src ディレクトリ内の TypeScript ファイルの静的解析を行います。
.eslintrc.yml を編集することで設定内容を変更できます。
src ディレクトリ内の TypeScript ファイルの静的解析及び自動修正を行います。
.eslintrc.yml を編集することで設定内容を変更できます。
簡易ローカルサーバを起動します。
ブラウザからサーバ内の /Samples/TypeScript/Demo にアクセスすることで index.html の確認ができます。
事前にプロジェクトのビルドを行なっている必要があります。
本番環境に近い環境で成果物の検証を行うことができます。
ビルド成果物ディレクトリ（dist）を削除します。