NuxtJs SSR打包：build VS generate

Posted 2023-03-03

参考技术A

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

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

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

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