【问题标题】:How to give next js app build to the client如何将下一个 js 应用程序构建提供给客户端
【发布时间】:2021-12-14 18:47:57
【问题描述】:

我是 Next JS 的新手,我创建了一个小应用程序。它正在使用 API 调用和更多功能。 在开发过程中,使用命令作为npm run build 我能够创建.next 文件夹作为构建,使用npm run start 我能够运行该构建。

现在客户要求构建,那么我应该向他发送什么?要么完成项目并要求他做 npm run buildnpm run start(我不这么认为) 或仅.next 文件夹。但是他将如何运行这个构建呢?

【问题讨论】:

  • 如果您发送.next,您还需要发送package.jsonnext.config.jspublic 文件夹等。基本上除了您的代码文件、通过 webpack 加载器传递的资产之外的所有内容,节点模块和仅开发配置。然后他们可以通过安装所有生产依赖项和next start 来运行它。发送完整的源代码比这更容易。
  • 好的先生,让我先在我的系统上试试这个
  • 我选择了next.config.js,next-i18next.config.js, package.json.next, public 文件夹并将所有这些东西放在桌面上的一个文件夹中,然后运行 ​​npm install 命令。之后我运行 npm run start 命令但出现错误,因为在 .next 文件夹中找不到生产版本
  • 您必须先构建它 (npm run build),然后再复制您的 .next 文件夹。
  • 好的先生,让我检查一下并回复您

标签: reactjs next.js vercel


【解决方案1】:
  1. 在编辑器中打开 package.json 并将以下导出脚本添加到文件中:

    "export": "npm run build && next export -o _static"
    
  2. 在终端中运行这段代码:

    npm run export
    
  3. 打开_static 文件夹,里面有你所有的文件。

【讨论】:

  • 是的,我使用上述步骤获得了 _static 文件夹,但是客户端将如何运行它?
  • 您好 .... 我有 _static 文件夹,但我将如何运行这个文件夹?它有 _next 子文件夹,其中有另外两个子文件夹 mYJJqywoouxkcRhgBEv78 和静态子文件夹,其中有更多
  • 我的系统上安装了节点,因为我在这里开发了下一个应用程序
  • 这取决于您的服务器。如果你有 Cpanel 或 Plesk,你应该上传你的文件然后在你的主机上打开你的 nodejs 扩展,然后引入你的 package.json
  • "介绍你的 package.json" 是什么意思?
【解决方案2】:

分享您的项目的一些可能方式:

  • 您可以使用 vercel 或 netlify 等服务轻松构建和托管您的项目。简单快捷。尤其是vercel CLI

  • 您的客户端可以克隆 git 存储库、安装所有依赖项、运行构建和运行启动。这将启动生产服务器。在这里查看:https://nextjs.org/docs/api-reference/cli#production。如果您的客户不是开发人员,这是个坏主意。

  • 您可以构建您的项目并将输出发送到您的客户,然后他/她可以通过启动服务器(python simpleHTTPServerMamp)来查看。如果您的客户不是开发人员,这也是一个坏主意。

长话短说,在某处托管您的项目并向他们发送生产 URL。

【讨论】:

  • 使用"export": "npm run build && next export -o _static" 我收到错误Error: i18n support is not compatible with next export.
猜你喜欢
  • 1970-01-01
  • 2022-01-26
  • 1970-01-01
  • 1970-01-01
  • 2012-01-17
  • 1970-01-01
  • 2017-03-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多