ニューバランス980トレイルウィメンズ【TypeScript】Webpackでフロントにnpmモジュールを使う.こんばんは、葛の葉です。今回はWebpackを使います。Webpackとはざっくり説明すると、複数のJavascriptをまとめて一つにしてくれるものです。TypeScriptのインストール方法はグローバルインストールとローカルインストールの2種類あります。グローバルインストール方法は以下です。環境を汚したくない場合はローカルインストール.TypeScriptのコンパイラは、npmモジュールとして配布されています。私は最初のNPMモジュールに取り組んでいます。以前はtypescriptで簡単に作業していましたが、大きな問題は多くのモジュールで利用可能な定義ファイルがないことでした。TypeScriptを使うディレクトリに移動して、以下のコマンドで「grunt-typescript」をインストールします。以下のコマンドで「grunt-contrib-watch」をインストールします。ツールのサポートを組み込みで提供します。それは私のために働いた。「typings」という名前のフォルダーを作成します。投稿された提案を試した後、型付けされていないNPMモジュールを使用するtypescriptプロジェクトを実行することができません。以下は最小限の例と私が試した手順です。スマートに扱う方法を紹介しました。GitHubにも様々なサンプルが用意されているので、一度見てみると理解が深まると思います。tsconfig.jsonを作成します。app.jsをTypeScriptファイルにします。そのため、importしているpackageの型定義をインストールします。1以下のコマンドでwebpackとTypeScriptなど必要なモジュールをインストールします。installのショートカット。