React公式足場create-react-app

1031 ワード

Reactを使用したプロジェクトを迅速に構築するために、Facebookは開発環境を迅速に構築するための足場ツールcreate-react-appを構成する必要がないと公式に発表した.
create-react-appで作成されたアプリケーションエントリファイルはsrc/index.jsファイルです.
1、使用の原因と特性:
  • は構成する必要はありません.
  • はReact、JSX、ES 6、Flowのサポートを統合しています.
  • は開発サーバを統合した.
  • ブラウザのホットロード機能を構成しました.
  • JavaScriptで直接import CSSとピクチャを使用できます.
  • CSSの互換性の問題を自動的に処理し、-webkit接頭辞を追加する必要はありません.
  • はコンパイルコマンドを統合し、コンパイル後に直接製品に公開され、sourcemapsも含まれている.

  • 2、create-react-appのインストール
    コマンドラインではnpmを用いてインストールコマンドnpm install -g create-react-appを実行し、gパラメータを追加してグローバルインストールおよび権限を行う必要があることに注意する.
    インストール後に実行コマンドnpm startを実行すると、ブラウザで実行後の結果が表示され、ホットロード機能が実現される.
    3、注意すべき点
  • Nodeのバージョンは>=4でなければなりません.推奨Node>=6 and npm>=3です.
  • が実行されると、ブラウザはすでにホットロードリフレッシュを実現し、コードを変更して保存するとブラウザは自動的にリフレッシュします.
  • 実行npm test yarn testはテスト動作を実行することができ、詳細はここを参照してください.
  • コンパイルプロジェクト実行npm run build yarn build;
  • より多くの使用ウィザードは、ここにプラグインしてください.