Closed9

Docker で React × TypeScript × Laravel の環境を構築する

まずは Docker をインストールする

公式から、Docker.dmgをダウンロードして、インストールする。

https://www.docker.com/products/docker-desktop

インストールが完了したら、ターミナルにコマンドを打ってちゃんとインストールされているか確認する。

$ docker

Docker に Laravel の環境を構築する

簡単 3 ステップ!

https://qiita.com/ucan-lab/items/d7752b43a9e89cc16b22
$ git clone https://github.com/ucan-lab/docker-laravel.git
$ cd docker-laravel
$ make create-project

localhostにアクセスして、Laravelの初期画面が表示されたら完了。
http://localhost

make create-projectコマンドを実行する前に必ずDockerは起動させておく。

TypeScriptを導入

node_modulesがあるディレクトリに移動してTypeScriptを導入

$ cd backend
$ npm install ts-loader typescript react-router-dom @types/react @types/react-dom @types/react-router-dom --save-dev

tsconfig.json を作成

まずは backend ディレクトリで touch
このファイルを編集しないとコンパイルエラーが起こる。

touch tsconfig.json

tsconfig.jsonを編集

{
    "compilerOptions": {
        "outDir": "./built/",
        "sourceMap": true,
        "strict": true,
        "noImplicitReturns": true,
        "noImplicitAny": true,
        "module": "es2015",
        "jsx": "react",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true,
        "moduleResolution": "node",
        "target": "es6",
        "lib": ["es2016", "dom"],
        "allowSyntheticDefaultImports": true
    },
    "include": ["resources/ts/**/*"]
}

https://qiita.com/mineaki27th/items/ad774a41b7a0a68761bd
このスクラップは1ヶ月前にクローズされました
作成者以外のコメントは許可されていません