命令和部署

nuxt.js附带一组有用的命令,用于开发和生产目的。

在package.json中使用

你应该在你的这些命令package.json.

“脚本”{“开发”“nuxt”“建造”“Nuxt build”“开始”“nuxt start”“产生”“nuxt生成”}

您可以通过启动命令纱线<命令>或者npm运行(例子:纱线开发/npm运行dev.)。

发展环境

在开发模式下启动Nuxt热模块更换http:// localhost:3000

开发
NPM.运行dev.

命令列表

您可以根据此处运行不同的命令目标

目标:服务器(默认值)

  • NUXT DEV.- 启动开发服务器。
  • Nuxt建设- 使用WebPack构建和优化应用程序进行生产。
  • NUXT开始- 启动生产服务器(运行后Nuxt建设)。将其用于托管像heroku,数字海洋等的节点。

目标:静止的

  • NUXT DEV.- 启动开发服务器。
  • nuxt生成- 构建应用程序(如果需要),将每条路由生成作为HTML文件并静态导出到DIST /目录(用于静态托管)。
  • NUXT开始- 服务DIST /像你的静态托管一样的目录(netlify,vercel,浪涌等),在部署之前非常适合测试。

WebPack Config检查

您可以检查NUXT使用的WebPack配置以构建项目(类似于Vue检查)。

  • nuxt webpack [查询...]

论点:

  • - 名称:捆绑名称检查。(客户,服务器,现代)
  • --dev.:检查WebPack Config for DEV模式
  • - 深度:检查深度。默认为2以防止冗长输出。
  • - 编色:禁用ANSI颜色(当TTY不可用时默认禁用或在管道到文件时)

万博体育app彩票平台票例子:

  • Nuxt webpack.
  • Nuxt webpack devtool.
  • nuxt webpack解析别名
  • Nuxt WebPack模块规则
  • Nuxt WebPack模块规则测试= .jsx
  • Nuxt WebPack模块规则测试= .pug Oneof使用.0 = RAW
  • Nuxt webpack插件构造函数.name = webpackbar选项记者
  • Nuxt WebPack模块规则Loader = Vue-
  • Nuxt WebPack模块规则“Loader =。* - Loader”

生产部署

Nuxt.js允许您在服务器或静态部署之间进行选择。

服务器部署

部署我们使用的SSR应用程序目标:'服务器',服务器是默认值。

建造
NPM.运行构建

nuxt.js将创建一个.nu​​xt.目录包含内部的内容,准备部署在服务器托管上。

我们建议推荐.nu​​xt..npmignore.或者.gitignore.

一旦您的应用程序构建,您就可以使用开始命令查看应用程序的生产版本。

开始
NPM.运行开始

静态部署(预呈现)

Nuxt.js为您提供了在任何静态托管上托管Web应用程序的能力。

要部署静态生成的网站,请确保目标:'静态'在你的nuxt.config.js.(对于nuxt> = 2.13):

nuxt.config.js.
出口默认{目标'静止的'}
产生
NPM.运行生成

nuxt.js将创建一个DIST /目录包含内部的内容,准备部署在静态托管服务上。

由于Nuxt v2.13安装了一个爬网程序,现在将抓取您的链接标签并在使用命令时生成路由nuxt生成根据这些链接。

警告:动态路线被忽略了产生使用nuxt <= v2.12时命令:API配置生成

生成Web应用程序时nuxt生成上下文给予Asyncdata.拿来不会有res.

错误失败

要在遇到页面错误并使CI / CD失败部署或构建时返回非零状态代码,您可以使用- 错误的错误争论。

生成 -  on-on-Error
NPM.运行生成 - 错误

下一步是什么?

读我们部署指南找到用于流行主机万博体育app彩票平台票的部署示例。