2017-01-17 8 views
2

これはあなたの愚かな質問かもしれませんが、Reactの初心者です。本当に単純なアプリケーションを作成したいと思います。 すべてのコンポーネントが別々のjsファイルに保存されているサンプルが見つかりました。これはモジュール性と再利用性が非常に良いようです。ノードなしのWebページでReactでの要求を使用する

私が今気にする必要があるのは、export/requireを使用することだけです。しかし、nodejに依存する必要はありません。私はちょうど安価なWebサーバー上で実行できる単純なhtml/jsアプリケーションが必要です。

私は "Browserify"を使うことができますが、それを見てからはノードライブラリのようです。

requireを使用できるウェブページ(たとえばcdn経由)から使用できるライブラリはありますか?そうでなければ、反応成分を別のファイルに分けることができないのでしょうか?

+0

またはあなたがnodeJSを必要といけない必要が、あなただけのモジュールローダであるrequireJsを必要とする... –

+0

あなたはどのように簡単な例を持っていますか反応とそれを使用するには? – Lamar

答えて

2

ノードを使用しない場合は、webpack:https://webpack.github.io/ を使用してstatic/bundle.jsを生成します。詳細について知りたい場合は、http://survivejs.com/

+1

"始める前に、新しいバージョンのNode.jsがインストールされていることを確認してください" - https://webpack.js。org/get-started/install-webpack/- Nodeを使用したくない場合は、非常に良い解決策ではありません! – Quentin

2

ただし、nodejsに依存する必要はありません。

NodeJSを使用してください。これは、Reactアプリケーションの構築方法です。

私はちょうど

NodeJSだけビルド時に必要とされる任意の安価なWebサーバー上で実行することができます簡単なHTML/JSアプリケーションが必要です。開発用ワークステーションで実行します。出力は任意のWebサーバーにアップロードできる静的ファイルです。

(NB:Reactアプリケーションは、多くの場合、動的データを取得するためにHTTPリクエストを作成するように設計されています)一部のチュートリアルでは、Nodeを使用してリクエストをリスンして応答します。 ReactアプリケーションをES5(ビルド時に実行される)に、実行時にWebサーバーを実行するためのプログラムとともに、Nodeを使用して記述されていても、実行可能にします。

+0

興味深い!だから、あなたは私が気にしない何かである、私が開発環境のNodeだけを必要としていると言っている。しかし、私は出力を生成するためにどのツールを使用すべきですか?また、私はdevのコピーとプロダクションのコピーを持って終わるだろうという意味ですか? – Lamar

+0

@Lamar - おそらくチュートリアルでお勧めのものは? https://facebook.github.io/react/docs/installation.html#enabling-es6-and-jsx – Quentin

+0

@Lamar - ブラウザで実行するES5に移行するES6/JSXソースコードがいくつかありますあなたが持っているかもしれないし、持っていないかもしれない他の環境のdev/staging/live /で。 – Quentin

0

必要なのは、別のファイルをブラウザにロードできる1つ以上のパッケージにパックするビルドステップです。 これを行うにはBrowserifyを使うことができますが、WebPackも人気があります。

これらのツールには設定が必要なので、インストールするのが簡単なcreate-react-appのようなツールを使用して開発を開始すると同時に、アプリケーションをデプロイするためのコマンドがあります。

これはwebpackを(他のツールと一緒に)内部的に使用しますが、あなた自身で設定する手間を省きます。 create-react-appが提供する以上の高度な設定が必要な場合は、未処理の設定ファイルを公開する 'eject'コマンドがあります。はじめに

は(自分のREADMEから取られた)単純です:輸出用

npm install -g create-react-app 

create-react-app my-app 
cd my-app/ 
npm start 
関連する問題