NuxtJs SSR打包：build VS generate

NuxtJs是vue SSR框架。SSR给前端带来的主要受益在于更快的首页加载和SEO友好。

NuxtJs支持SPA，但主要以SSR模式为主。SSR模式下存在2种打包方式，分别是npm run build和npm run generate。那这2种打包有何区别?

build

一般情况下，build打包用的更多。build打包生成的.nuxt文件，发布时，需要拷贝node_modules等文件/文件夹，一般使用nodejs环境下的pm2运行发布

需要注意：

• build模式下发包发布，发布时需要将.nuxt、static、node_modules等文件夹，以及package.json、nuxt.config.js等文件拷贝出来，使用pm2启动运行发布

generate

generate打包用于将首页静态化（首页的nuxt-link也会被静态化），打包后生成dist文件夹（类似于vue一般性打包）。发布时，只需要将dist文件夹发布即可（同vue项目发布）。

需要注意：

• 当首页内容发生变化时，需要重新generate打包发布
• 打包生成的文件仍需要容器（如Nginx）部署方可正常访问
• 打包过程中需要访问API后台获取数据