部署我的第一个React应用

Deploying my first React App

本文关键字:应用 React 第一个 我的 部署      更新时间:2023-09-26

我用样板构建了一个小的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的新手,不确定需要采取哪些步骤才能启动并在生产中运行。

我知道很多事情可能会出错,所以不寻找一个确切的答案,但一些指导将是伟大的。

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

npm run build

这些命令,在您的样板文件中产生以下命令,用于构建生产模式下的js文件:

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