So generieren Sie Nodejs Express-Anwendung mit reactjs

Question

Ich verwende reactjs in meiner Anwendung als Front-End-Technologie. Ich muss nodejs als serverseitige Programmierung verwenden.

ich Setup die reactjs Anwendung, es Projektstruktur und package.json erzeugt hat, dann installierte ich die express, npm selbst hat es in package.json hinzugefügt

I für Server-Side-Code ein server Verzeichnis innerhalb meiner Anwendung erstellt . Hier ist mein Verzeichnis und 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" 
    } 
} 

Projektstruktur:

Bisher alles gut ist. Jetzt möchte ich node-js express Anwendung https://github.com/expressjs/express erzeugen, die nicht außer Kraft setzen sollte meine bestehende wie package.json

$ ausdrücken ??

Kann jemand helfen, was ist die Methode davon? oder mache ich etwas falsch?

Answer 1

Möglicherweise müssen Sie das Express Insider-Verzeichnis installieren. Gehen Sie in das Serververzeichnis unter cd server und geben Sie express myapp ein. Dies erzeugt eine komplette separate Express-App mit verschiedenen package.json Datei.

Hinweis: Expressjs Generator muss vor express myapp Befehl installiert werden. Sie können Expressjs Generator von npm install -g express-generator

installieren, da dies keine gute Idee für den Vollstack in reagieren ist. Sie können ein paar Starter-Kits für diese Aufgabe in Betracht ziehen.

1. mern.io Dieses steht für: Mongo, Express, reagieren und NodeJS. Dies wird mit vorkonfiguriertem React Router, Redux und Server Side Rendering geliefert.
2. React Starter Kit

Reagieren Starter Kit - isomorph Web-App vorformulierten (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)