运行下一个js压缩构建（.NEXT）版本

Question

第 1 步：我们使用以下命令创建了 next.js 项目

    npx create-next-app@latest test-app

第2步：这是package.json的以下代码 { “名称”：“测试应用程序”， “版本”：“0.1.0”， “私人”：真实， “脚本”：{ “dev”：“下一个开发者”， “构建”：“下一个构建”， "start": "下次开始", "export": "下次导出", "lint": "下一个 lint" }, “依赖项”：{ "express": "^4.18.2", “下一个”：“13.5.5”， "下一张图片": "^1.8.5", “反应”：“^18”， “反应-dom”：“^18” }, “开发依赖项”：{ “eslint”：“^8”， “eslint-config-next”：“13.5.5” } }

第 3 步：为了运行我们正在使用的构建， npm 启动

但我们无法运行测试演示。

Answer 1

应在使用

npm run start

成功构建后使用

npm run build

命令。如果您在没有构建的情况下运行

npm run start

，则没有任何内容可以提供，因为尚未创建生产就绪的构建。

在生产模式下运行项目涉及两个单独的命令：

构建项目：

npm run build

此命令编译您的 Next.js 应用程序并为生产部署做好准备。它创建包含所有生产资产的优化

.next

目录。

启动生产服务器：

npm run start 

此命令启动一个 Node.js 服务器，该服务器以生产模式为您的 Next.js 应用程序提供服务。它应该在构建过程完成后运行。

提示：混淆

next start

与

next dev

next start

严格用于运行生产构建，而

next dev

用于开发模式。

使用 next dev 进行开发：它用于在开发阶段进行构建和测试。它不是针对性能进行优化，而是针对开发人员体验（例如热重载和调试）进行优化。

使用next start进行生产：它在使用next build构建应用程序后使用。这可确保您的应用程序针对性能进行优化，并为实时环境中的用户做好准备。