nuxt build --spa vs nuxt generate

vue.js nuxt.js
Chris picture Chris · Sep 12, 2017 · Viewed 13.3k times · Source

What is the difference between 

nuxt build

vs

nuxt generate

vs 

nuxt build --spa

I am trying to compile three different variations:

1. regular nuxt with ssr
2. prerendered spa
3. spa without prerendering

I am struggling to find the appropriate commands for it

Answer

Etheryte picture Etheryte · Sep 12, 2017

As shown in the docs, the above commands correspond to:

nuxt build: Build your application with webpack and minify the JS & CSS (for production). nuxt generate: Build the application and generate every route as a HTML file (used for static hosting).

The --spa flag doesn't seem to be covered in the docs themselves, however the generator help outlines, without further explanation:

Options
--spa Launch in SPA mode

Given this information, it would seem the following commands should cover your needs, however I haven't tested them myself at the moment:

  1. Regular Nuxt with SSR: nuxt build
  2. Prerendered SPA: nuxt generate
  3. SPA without prerendering: nuxt build --spa

Take all of this with a grain of salt, however, as the Nuxt team is notorious for having out-of-date documentation.

Related questions

Nuxt.JS: How to get route url params in a page

I am using Nuxt.js, and have a dymanic page which is defined under pages/post/_slug.vue So, when I visit the page url, say, http://localhost:3000/post/hello-world, how can I read this slug parameter value inside my …

Read More
Why Prettier does not format code in VSCODE?

In my Nuxt application where ESlint and Prettier are installed and enabled, I switched to Visual Studio Code editor. When I open a .vue file and press CMD+ Shift + P and choose Format Document, my file does not get formatted …

Read More
How to get current route name in Nuxt.js?

I'm using Nuxt.js for building a static website. How to access in component's script code currently displayed route name (I would like to avoid reading direct url from browser location)? Can I somehow access $route.name ?

Read More