それでは順を追って作ってみましょう! ディレクトリの準備 まずはディレクトリを用意します。 今回はts-templateフォルダの中にindex.htmlを置きました。 ts-template �└── index.html 作ったらterminalで移動しましょう。 package.json作成 package.jsonを作成します。 npm init 何かいろいろ聞かれますが、全て[enter]でOKです。 ts-template ├── index.html └── package.json モジュールのインストール 必要なモジュールをインストールしましょう! まとめてインストールもできますが、今回は1つずつインストールしていきます。 gulp gulp-connect gulp-webpack ts-loader typescript npm install gulp --save
![Gulp+WebPackで作るTypeScript開発環境【5分でできる!】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd05ea59514139023d83c58a226b8076213b1c1f/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2016%2F01%2Feyecatch963.jpg)