如何使用 reactjs 生成 nodejs express 应用程序答案

【问题标题】：How to generate nodejs express application with reactjs如何使用 reactjs 生成 nodejs express 应用程序
【发布时间】：2017-06-17 05:41:29
【问题描述】：

我在我的应用程序中使用reactjs 作为前端技术。我需要使用nodejs 作为服务器端编程。

我设置了reactjs应用程序，它生成了项目结构和package.json，然后我安装了express，npm本身已经将它添加到package.json中

我在我的应用程序中为服务器端代码创建了一个server 目录。这是我的目录和 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"
  }
}

项目结构：

到目前为止一切都很好。现在我想生成node-js express 应用程序https://github.com/expressjs/express，它不应该覆盖我现有的package.json

$快递??

任何人都可以帮助它的方法是什么？还是我做错了什么？

【问题讨论】：

标签： javascript node.js reactjs express

【解决方案1】：

您可能需要在服务器目录中安装 express。通过cd server 进入服务器目录并输入express myapp。这将使用不同的package.json 文件生成一个完全独立的快速应用程序。

注意：Expressjs 生成器必须在express myapp 命令之前安装。你可以通过npm install -g express-generator安装expressjs生成器

因为这不是全栈响应的好主意。您可以考虑使用几个入门套件来完成这项任务。

mern.io 这代表：mongo、express、react 和 nodejs。这带有预配置的 React 路由器、Redux 和服务器端渲染。
React Starter Kit

React Starter Kit — 同构 Web 应用样板（Node.js、Express、GraphQL、React.js、Babel、PostCSS、Webpack、Browsersync）

【讨论】：