[解決済み】「react-scripts start」コマンドとは具体的に何ですか？

質問

Reactのプロジェクトで create-react-app で、プロジェクトを開始するために2つのオプションがあります。

最初の方法

npm run start で定義しています。 package.json このように

"start": "react-scripts start",

第2の方法

npm start

この2つのコマンドの違いは何でしょうか？また react-scripts start ?

定義を探してみましたが、この名前のパッケージが見つかっただけでした。私はまだこのコマンドの使用方法を知らないのですか？

どのように解決するのですか？

create-react-appとreact-scriptsを作成します。

react-scripts はスクリプトのセットで create-react-app create-react-appは、設定なしでプロジェクトを立ち上げることができるので、自分でプロジェクトを設定する必要がありません。

react-scripts start は、開発環境のセットアップとサーバーの起動、およびホットモジュールのリロードを行います。を読むことができます。 こちら を使えば、どんなことができるのかがわかります。

と クリエイト-リアクト-アプリ を使えば、以下のような機能をすぐに利用することができます。

• React、JSX、ES6、Flow構文に対応しています。
• オブジェクトスプレッド演算子など、ES6を超える言語エクストラ。
• CSSの自動接頭辞のため、-webkit-などの接頭辞は不要です。
• カバレッジレポートを内蔵した高速な対話型ユニットテストランナーです。
• よくあるミスを警告するライブ開発サーバー。
• JS、CSS、画像を制作用にバンドルするためのビルドスクリプトで、ハッシュとソースマップが用意されています。
• オフラインファーストのサービスワーカーとウェブアプリマニフェストで、Progressive Web Appの基準をすべて満たしています。
• 上記ツールの更新は、単一の依存関係で手間いらず。

npmスクリプト

npm start のショートカットです。 npm run start .

npm run で定義したスクリプトを実行するために使用されます。 scripts オブジェクトを作成します。

がない場合は start キーは、デフォルトで node server.js

react scripts が提供する以上のことをしたい場合があります。 react-scripts eject . これにより、プロジェクトが "managed" 状態から not managed 状態になり、依存関係、ビルドスクリプト、その他の設定を完全に制御できるようになります。