命令和部署
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将创建一个.nuxt.
目录包含内部的内容,准备部署在服务器托管上。
我们建议推荐.nuxt.
在.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彩票平台票的部署示例。