因此,我使用create-react-app开发了一个小型React应用程序。 (我总是从头开始申请。)
然后,在我对此感到高兴之后,我决定运行npm run build
来制作优化的生产版本。
有人可以告诉我如何运行生成版本而不是Dev版本吗?
答案 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
这会将链接复制到剪贴板,您可以将其粘贴到浏览器中,并查看应用程序的构建版本。