前端开发中遇到的问题之nuxt generate和build的区别

在使用nuxt的过程中会遇到打包构建的情况,有的用nuxt generate,有的用nuxt build,那么两者的区别是什么呢???

  • 文件的区别

nuxt generate

generate:构建应用程序并生成每个路径作为HTML文件(用于静态托管)

  1. 使用generate打包后每个对应的页面都会生成一个html,你在打包的时候不能关闭后台,他会请求后台数据生成首屏的数据
  2. 这样打包有一个弊端,当你首屏的数据发生更改的时候,对不起,他还是显示的是之前的数据,要想改变的话,需要重新打包发布才行。
  3. 所以,如果你的首屏是动态的就不建议使用这种打包方式了。
  4. 有人看到每个页面都生成了HTML页面,以为不再请求后台(我最开始就是这样认为的),实际上不是的,他的首屏数据之前渲染好了,但是其它数据还是从后台获取,比如翻页,第二页数据是从新请求后台的,你再次返回第一页也是再次请求的。
nuxt build

build: 使用webpack构建应用程序并缩小JS和CSS(用于生产)
build打包生成的是动态页面,当然是同样具有SEO功能。

  • 打包的区别

使用generate打包和之前使用vue打包一样,生成一个dist文件夹,然后各种发布操作和vue一样的

使用命令 npm build 打包,会生成一个 .nuxt 文件夹。比较麻烦(还没接触过)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值