在使用nuxt的过程中会遇到打包构建的情况,有的用nuxt generate,有的用nuxt build,那么两者的区别是什么呢???
nuxt generate
generate:构建应用程序并生成每个路径作为HTML文件(用于静态托管)
- 使用generate打包后每个对应的页面都会生成一个html,你在打包的时候不能关闭后台,他会请求后台数据生成首屏的数据
- 这样打包有一个弊端,当你首屏的数据发生更改的时候,对不起,他还是显示的是之前的数据,要想改变的话,需要重新打包发布才行。
- 所以,如果你的首屏是动态的就不建议使用这种打包方式了。
- 有人看到每个页面都生成了HTML页面,以为不再请求后台(我最开始就是这样认为的),实际上不是的,他的首屏数据之前渲染好了,但是其它数据还是从后台获取,比如翻页,第二页数据是从新请求后台的,你再次返回第一页也是再次请求的。
nuxt build
build: 使用webpack构建应用程序并缩小JS和CSS(用于生产)
build打包生成的是动态页面,当然是同样具有SEO功能。
- 打包的区别
使用generate打包和之前使用vue打包一样,生成一个dist文件夹,然后各种发布操作和vue一样的
使用命令 npm build 打包,会生成一个 .nuxt 文件夹。比较麻烦(还没接触过)