Nuxt.js 命令
Nuxt.js 提供了一系列常用的命令, 用于开发或发布部署。
命令列表
如果使用了 Koa/Express 等 Node.js Web 开发框架,并使用了 Nuxt 作为中间件,可以 Web 服务器的启动入口:
您可以使用 --help 命令来详细。常见的命令有:
--con-file 或 -c: 指定 nuxt.con.js 的路径。
--spa 或 -s: 禁用服务器端渲染,使用SPA模式
-- 或 -n: 指定UNIX Socket的路径。
你可以将这些命令至 package.json:
"scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate" }
这样你可以通过 npm run <command> 来执行相应的命令。如: npm run dev。
: 要将参数传递给npm命令,您需要额外的--脚本(例如:npm run dev --参数 --spa)
开发模式
可通过以下命令以开发模式启动带热加载特性的 Nuxt 服务:
nuxt // 或 npm run dev
发布部署
Nuxt.js 提供了两种发布部署应用的方式:服务端渲染应用部署 和 静态应用部署。
部署 Nuxt.js 服务端渲染的应用不能直接使用 nuxt 命令,而应该先进行编译构建,然后再启动 Nuxt 服务,可通过以下两个命令来完成:
nuxt build nuxt start
推荐的 package.json 配置如下:
{ "name": "my-app", "dependencies": { "nuxt": "latest" }, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start" } }
: 建议将 .nuxt 加入 .npmignore 和 .gitignore 中。
Nuxt.js 可依据路由配置将应用,使得我们可以将应用部署至任何静态主机服务商。
可利用下面的命令应用的静态目录和:
npm run generate
这个命令会创建 dist 夹,所有后的资源均在其中。
如果你的项目需要用到动态路由,请移步generate配置API 了解如何让 Nuxt.js 此类动态路由的。
注意:使用 nuxt generate 应用的时候, 传给 asyncData() 和 fetch() 的上下文对象 不会包含 req 和 res 两个。
nuxt generate 在 build/generate 时间内仍然需要SSR引擎,同时具有预渲染所有的优势,并具有较高的优化和加载能力。 在构建时。例如,我们不能将它用于依赖于身份验证或实时API的应用程序(至少对于第一次加载)。
SPA应用的想法很简单! 使用时启用SPA模式 mode: 'spa' 或 --spa,并且我们运行打包,在导报后启动,包含常见的和资源,但不包含。
因此,对于SPA部署,您必须执行以下操作:
将nuxt.con.js中的mode更改为spa。
运行 npm run build.
dist/夹,部署到您的服务器,如Surge,GitHub Pages或。
另一种可能的部署是在spa模式下将Nuxt用作框架中的中间件。这有助于减少服务器,并在无法进行SSR的项目中使用Nuxt。