如何在下一个js中生成构建文件

reactjs React.js

飞云西里神乐

2020-03-24

我正在学习基本的下一个js。如果我们运行npm run build create-react-app,将生成构建文件夹index.html和捆绑文件。在下一个js中。它不会创建任何构建文件。我将如何在服务器中部署下一个js项目

.next文件夹

第3380篇《如何在下一个js中生成构建文件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
2020.03.24

确保您的package.json文件脚本显示如下:


    “脚本”:{ 
      “ dev”:“ next”,#开发
      “ build”:“下一个构建”,#将nextapp构建到.next文件夹
      “ start”:“ next start”,#启动.next构建文件夹的nextjs服务器
      “ prod”:“ next export”#将nextjs文件作为包导出,就像在React App中一样
   }

首先需要在.env中将Nodejs设置为生产环境,或按以下方式使用它。

   npm运行build#在.nextfolder中构建nextjs
   NODE_ENV =生产npm run start#将NODE_ENV设置为生产并启动服务器 

但是,该端口将位于默认端口3000上。您可以更改端口以将流量直接作为端口80和443提供服务​​,"start": "next start -p 80",也可以使用高级反向代理(如nginx)将您的应用服务到世界。我建议使用nginx,因为它具有多线程功能,并且具有可以实现的出色安全功能。

参考:https : //github.com/zeit/next.js#production-deployment

十三L 2020.03.24

首先,创建应用程序后,package.json文件自定义为您自己的文件,例如-

“ scripts”:{“ dev”:“ next dev”,“ build”:“ next build”,“ start”:“ next server.js”}

然后,使用yarn dev在默认服务器中运行您的项目,

http://本地主机:3000 /

凯西里 2020.03.24

我通常使用Next CLI生成Next应用程序。它与create-react-app非常相似,但也会遵循所有最佳实践来生成Next的结构。这包括一个Next构建脚本:

npm run build

从侧面看,我个人发现Zeit托管是Next应用程序的理想平台(他们是开发Next的家伙)。您可以使用now命令按原样部署您的应用,并且它们可以处理构建等。

这是我最近托管的最近开发的下一个应用程序的示例:https : //stage.comerbeber.mx

神无 2020.03.24

要构建下一个项目,请使用npm run build&使其工作,您需要将其添加到package.json文件中的脚本中-

  "scripts": {
    "dev": "node server.js",
    "build": "next build",
    "start": "next start -p $PORT"
  }

next build是用于构建项目的命令,该命令为您提供.next文件夹,其中包含实际上需要在服务器上部署的所有构建内容,但是您将部署整个项目文件夹,因为还需要安装节点模块。

只需将您的整个项目运送到准备好Node js的主机并运行

npm start

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android