2017-06-17 9 views
1

私のアプリケーションではフロントエンドの技術としてreactjsを使用しています。私はサーバー側のプログラミングとしてnodejsを使用する必要があります。reactjsでnodejs expressアプリケーションを生成するには

Iセットアップ、それはNPM自体が、私は、サーバー側のコードのために自分のアプリケーション内でserverディレクトリを作成し

package.jsonにそれを追加しました、私は express設置し、プロジェクト構造とpackage.jsonを生成した reactjsアプリケーション。ここに私のディレクトリとpackage.json

{ 
    "name": "rock-paper-scissors-app", 
    "version": "0.1.0", 
    "private": true, 
    "dependencies": { 
    "express": "^4.15.3", 
    "react": "^15.6.1", 
    "react-dom": "^15.6.1" 
    }, 
    "devDependencies": { 
    "react-scripts": "1.0.7" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    } 
} 

プロジェクトの構造は次のようになります。これまでのところ、すべてが良いです

enter image description here

。今、私は私が$が表現package.json

のように既存の上書きすべきではありませんnode-js Expressアプリケーションhttps://github.com/expressjs/expressを生成したいです?

誰でもその方法を助けることができますか?または私は何か間違っているのですか?

答えて

1

エクスプレスサーバの内部ディレクトリをインストールする必要があります。サーバディレクトリの内側にcd serverと入力してexpress myappと入力します。これにより異なるpackage.jsonファイルを使用して完全な別のエクスプレスアプリが生成されます。

:Expressjsジェネレータは、express myappコマンドの前にインストールする必要があります。あなたはexpressjsジェネレータをインストールすることができますnpm install -g express-generator

これは、反応のフルスタックに行くための良い考えではないので。この作業には、いくつかのスターターキットを検討することができます。

  1. mern.io これは略:モンゴは、発現反応しnodejs。これには、事前設定済みのReact Router、Redux、およびServerのサイドレンダリングが付属しています。

  • React Starter Kit
  • はスターターキットリアクト - 同型のWebアプリケーションの定型文を(Node.jsの、エクスプレス、GraphQL、React.js、バベル、PostCSS、WebPACKの、Browsersync)

    関連する問題