关于roadhogrc 新版本问题

最近在使用dva new了一个新项目

发现了一个问题,在npm start的时候,项目打包的css不再只有一个了,而有一堆,看下图

162005_zqNw_3434133.png

 这些都是按需加载出来的css文件,这样就导致了一个问题,页面在刷新的时候,css延迟加载,先渲染出了html,面css是打包在js里的,当程序执行到js文件的时候,然后才出css样式,在最开始的35m的时候是没有css的,这样用户体验很差,我知道在打包后所有的css会另外打包(这样就不存在css在js文件里加载了).

解决:

 新项目的packjson里的roadhog版本号为1.1的,只需要把这个版本号改为旧一些的版本,

"roadhog": "^0.5.2"

重新 rm -rf node_modules && cnpm i 即可.

这样打包出来 就一份css,页面不会阻塞页面的渲染.

看下图

162534_avuK_3434133.png

 

好久没更新了,因为老婆要生了,没什么时间

转载于:https://my.oschina.net/kaykie/blog/1609712

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值