■プロジェクトを作成して開発
■プロジェクトを作成
>cd C:\localhost\home\refirio_org\public_html\memos\react_project
>npx create-react-app readt_app
hello_app フォルダが作成され、その中にファイルが作成される
もしくは npx ではなく npm でも作成できる。結果はまったく同じ。ただし引数が若干異なるので注意
>npm init react-app readt_app
プロジェクトの操作はこのフォルダ内で行うため、フォルダ内に移動しておく
>cd readt_app
以下でプロジェクトを実行する
>npm start
Compiled successfully!
You can now view readt_app in the browser.
Local:
http://localhost:3000
On Your Network:
http://192.168.56.1:3000
Note that the development build is not optimized.
To create a production build, use npm run build.
上記のように表示され、表示されている
http://localhost:3000/ にアクセスするとページが表示される
■プロジェクトをビルド
以下でプロジェクトをビルドできる
>npm run build
build 内にファイルが書き出さる
これらをWebサーバの公開フォルダ直下に配置すると画面が表示される
ただしパスは「/」はじまりのため、公開フォルダ直下でないと表示されないが、
package.json に以下を追加して再ビルドすると表示されるようになる
{
"name": "readt_app",
"version": "0.1.0",
"private": true,
"homepage": "./", … 追加