关于roadhogrc 新版本问题

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

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

 这些都是按需加载出来的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,页面不会阻塞页面的渲染.

看下图

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏lgp20151222

SVN错误:SVN Working copy XXX is too old

这是因为使用了低版本的svn生成了.svn内文件内容,但是,使用高版本svn同步时便出现该问题。

941
来自专栏林德熙的博客

win10 uwp 隐藏实时可视化

952
来自专栏IMWeb前端团队

Node基础:域名解析DNS(ok)

写在前面 Nodejs学习手册,基础总结之DNS模块。对从事web开发的同学来说,DNS解析再熟悉不过,在nodejs中也有一个模块可以完成dns解析的工作,使...

2496
来自专栏电光石火

微信登陆代码

网页访问 https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxx&redirect_uri=...

2089
来自专栏优启梦

文章内的新浪短网址https无法访问解决办法!

大家都知道最近新浪短网址出问题了! 以前蓝奏云、文章分享出来的地址都是https://t.cn的 导致丢失好多量! 一个一个修改太麻烦了,我们只能暂时将 htt...

4227
来自专栏圣杰的专栏

VSTS 执行git pull报错问题修复

因此我们在执行git pull之前添加一个Command Line指令去执行git config即可,具体配置如下:

522
来自专栏章鱼的慢慢技术路

Unity Package Manager Error的解决方案

3585
来自专栏散尽浮华

zabbix监控主机cpu达到80%后报警

在zabbix监控中,默认cpu监控模板中的触发器,当负载在一定时间内(比如最近5分钟)超过5以上为报警阀值。但是在实际场景中,由于服务器配置不一样,这个默认的...

3246
来自专栏游戏杂谈

Linux的scp命令

linux下的scp命令,用于双台linux服务器之间互拷文件(本机到远程或远程到本机)。

1492
来自专栏13blog.site

IntelliJ IDEA 报错:Error:java: 未结束的字符串文字

构建javaweb项目时,控制台报错: ? 这个问题是由于编码冲突导致的,在设置中找到File Encodings可以看到 ? ide采用utf-8编码格式,而...

2925

扫码关注云+社区