ユーザ用ツール

サイト用ツール


programming:frontend:typescript:react

文書の過去の版を表示しています。


Redux

メモ

`npx create-react-app –template typescript my-app` でアプリケーションが動作する仕組み。

  • tsconfig.json: TypeScript をどのように JavaScript にトランスパイルするか設定しているファイル
  • package.json: `npm start` と入力すると `react-scripts start` が実行されるように設定されている
  • react-scripts: `node_modules/react-scripts` にインストールされている npm パッケージ
  • node_modules/react-scripts/config/webpack.config.js`: `react-scripts start` 時に webpack によって読み込まれて、TypeScript を JavaScript にトランスパイルし、JavaScript や HTMLCSS や画像を1つのファイルにまとめる(packする)。1ファイルに pack したファイルが簡易版 Web サーバで実行され http://localhost:3000 でアクセス可能となる。
  • node_modules/.cache/default-development: webpack によって生成された pack ファイルが格納されている
programming/frontend/typescript/react.1656465152.txt.gz · 最終更新: 2022/06/29 01:12 by dot