Question

我使用样板构建了一个小型React应用程序，可以在

找到

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

我在localhost上运行没问题。但是，我不确定如何配置它以实时运行。

例如，服务器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完全不熟悉，并且不确定需要采取哪些步骤才能在生产中启动和运行。

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

Answer 1

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

npm run build

这些命令在您的样板中生成以下命令，该命令用于生成生产模式的js文件：

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

部署我的第一个React App

1 个答案: