如何使用create-react-app运行构建版本?

时间:2018-03-10 11:28:07

标签: reactjs build production create-react-app

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

然后,在我对此感到高兴之后,我决定运行npm run build来制作优化的生产版本。

有人可以告诉我如何运行生成版本而不是Dev版本吗?

4 个答案:

答案 0 :(得分:25)

当您运行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后,您可以在localhost(在指定端口上)访问生产版本。

你当然可以运行你喜欢的任何静态文件服务器,我通常会使用express,但serve似乎是用一个命令只提供静态文件的最简单方法。

答案 1 :(得分:1)

首先运行

npm install -g serve 

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

serve -s build

答案 2 :(得分:0)

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

答案 3 :(得分:0)

首先浏览您应用程序的目录。

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

运行上面的命令后,您可以检查您应用的构建版本是默认情况下安装serve来在状态 5000 上为您的状态网站提供服务。

npm install -g serve
serve -s build

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