【问题标题】:How to run build version using create-react-app?如何使用 create-react-app 运行构建版本?
【发布时间】:2018-08-18 21:31:41
【问题描述】:

所以,我使用 create-react-app 开发了一个小型 React 应用程序。 (我总是从头开始申请。)

然后,在我对它有点满意之后,我决定运行npm run build 来进行优化的生产构建。

谁能告诉我如何运行生产版本而不是开发版本?

【问题讨论】:

  • npx serve -s build

标签: reactjs build production create-react-app


【解决方案1】:

当您运行 npm run build 时,您的控制台实际上应该显示如下内容

The build folder is ready to be deployed.
You may serve it with a static server:

npm install -g serve
serve -s build

构建脚本将您的整个应用构建到构建文件夹中,准备好以静态方式提供服务。然而,实际上提供它需要某种静态文件服务器,就像他们建议的那样。

运行命令serve -s build 后,您可以在本地主机(在指定端口上)访问您的生产版本。

您当然可以运行您喜欢的任何静态文件服务器,我通常为此使用 express,但是 serve 似乎是使用单个命令提供静态文件的最简单选择。

【讨论】:

  • 我已经这样做了,我希望这个serve -s build 永远在后台运行,但它给出了错误
  • forever 是让我们在后台进行一些处理的命令。请参考此链接:npmjs.com/package/forever
  • 你一直在运行什么命令,你得到了什么错误?也许这应该作为另一个 stackoverflow 问题提出,因为它与给定问题没有直接关系
  • 即使我按照这些步骤操作,但文件没有运行。它给出了错误:serve' is not recognized as an internal or external command, operable program or batch file.
  • 试试npx serve -s build
【解决方案2】:

使用这个命令:npm install -g serve -s build

【讨论】:

  • 你能简单解释一下命令的作用和标志的含义吗?
  • 如果你想练习运行生产版本,你需要全局安装 serve。这个命令对我来说很有意义 - 我认为它以一种狭隘的方式回答了这个问题。
【解决方案3】:

首先在您的应用目录中导航。

根据官方 create-react-app 网站。当您运行 npm run build 时,您会创建一个 build 目录,其中包含您应用的生产版本。

运行上述命令后,您可以检查应用的构建版本的下一件事是安装 serve 以默认在端口 5000 上为您的状态站点提供服务。 p>

npm install -g serve
serve -s build

这会将链接复制到剪贴板,您可以将其粘贴到浏览器中并查看应用的构建版本。

【讨论】:

  • 您也可以在一行中执行此操作:npx serve -s build
【解决方案4】:

首先运行

npm install -g serve 

它将全局安装服务,然后执行

serve -s build

【讨论】:

    【解决方案5】:

    你必须先全局安装 serve 包。

    如果您使用的是 yarn,请运行以下命令:yarn global add serve

    对于 npm:npm install -g serve

    然后执行: serve -s build

    【讨论】:

      【解决方案6】:

      您也可以使用“服务”工具,使用“npx”。这种情况下不需要全局安装。

      npx serve -s build
      

      【讨论】:

        猜你喜欢
        • 2018-09-21
        • 2021-12-03
        • 2018-07-21
        • 2018-04-16
        • 2017-02-09
        • 2017-07-16
        • 2022-08-22
        • 1970-01-01
        • 2017-05-04
        相关资源
        最近更新 更多