部署我的第一个 React 应用程序答案

【问题标题】：Deploying my first React App部署我的第一个 React 应用程序
【发布时间】：2016-08-09 17:24:48
【问题描述】：

我使用样板构建了一个小型 React 应用程序，该样板文件位于

https://github.com/vasanthk/react-es6-webpack-boilerplate

我让它在我的本地主机上运行没问题。但是，我不确定如何将其配置为实时运行。

比如服务器js文件是这样的

/* eslint-disable no-var, strict */
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config = require('./webpack.config');

new WebpackDevServer(webpack(config), {
  publicPath: config.output.publicPath,
  hot: true,
  historyApiFallback: true
}).listen(5000, 'localhost', function (err) {
    if (err) {
      console.log(err);
    }
    console.log('Listening at localhost:5000');
  });

如果我希望索引页面位于 www.mydomain.com/react/ 我是否将其放置在 localhost 的位置？在服务器上运行 npm install 似乎也比在我的本地机器上安装更少的模块。

基本上，我对 React 和 Webpack 完全陌生，不确定需要采取哪些步骤才能在生产环境中启动和运行。

我知道很多事情都可能出错，所以不要寻找确切的答案，但一些指导会很棒。

【问题讨论】：

标签： javascript node.js reactjs

【解决方案1】：

要在生产环境中使用您的应用程序，您应该使用以下命令构建 bundle js：

npm run build

这些命令，在您的样板文件中生成以下命令，为生产模式构建您的 js 文件：

BABEL_ENV=production ./node_modules/.bin/webpack --config webpack.config.production.js

【讨论】：

所以我运行“npm run build”，将文件夹放在我的服务器上，cd 进去，运行 npm install 然后 npm start？
@user2085143，此样板仅用于开发，对实际生产服务器一无所知。它只能构建用于生产的 js。要在生产中使用应用程序，您应该创建自己的服务器文件，使用像 express 这样的库，它将从 / 路由的样板中返回 index.html。因此，在服务器中，您应该具有以下架构 - server.js、index.html 和 static/bundle.js 文件。