TypeScriptTypeScript と webpack( + yarn)でWebアプリ開発環境を構築する
yarnプロジェクトの作成からTypeScript + webpackの開発環境構築まで記載します。 ソースはコピペできますので、まずは簡単に環境構築してTypeScript + webpackへの理解を深めていきましょ！
webpack
TypeScript
webpackwebpackでローカルサーバーを起動して、ソース変更時に変更内容をリアルタイムにブラウザに反映する
「webpackでローカルサーバーを起動」「ソース変更時に変更内容をリアルタイムにブラウザに反映する」というのをやっていきます。 「yarn」「webpack」「chart.js」の3つを使って、jsでグラフを描画するコードを書いて動作を確認していきます。
webpackyarnとwebpackを使ってchart.jsでグラフ描画！！
実際にyarn/webpackの環境を作って、動かすことで理解が深めよう... yarnとはnpm(Node Package Manager)と同様、JavaScriptプログラミング言語のパッケージマネージャー。npmと一緒に使えます。 npmと比べてインストールが速く、厳密にモジュールのバージョンを固定できます。
webpacknpmとwebpackを使ってchart.jsでグラフを書いてみる
npm/webpackの使い方を理解を深めるため、npmとwebpackを使ってchart.jsでグラフを書いてみる。npmとはNode Package Manager の略。JavaScriptプログラミング言語のパッケージマネージャー...webpackは複数のJavaScriptを一つのファイルにまとめる。