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后台获取数据

你可能感兴趣的:(NuxtJs SSR打包:build VS generate)