关于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 条评论
登录 后参与评论

相关文章

来自专栏游戏杂谈

AIR切换SDK版本时遇到的问题

切换SDK,有时候会遇到这个问题。上面我使用的是sdk4.5,只需要修改应用程序的app.xml配置就可以正常运行air程序了。

494
来自专栏python百例

115-fork子进程解析

当使用fork编写多进程的程序时,应该想清楚父子进程的工作各是什么。比如,让父进程生成子进程,子进程做具体的工作。当子进程执行完毕后,需要exit退出。如果不退...

1003
来自专栏Coding01

VUE 完整项目构建 -- 进阶篇

执行下述代码,即可完成项目基础构建(已配置好webpack、依赖包的安装、基本目录的生成)。

792
来自专栏深度学习之tensorflow实战篇

SQL中distinct的用法

在表中,可能会包含重复值。这并不成问题,不过,有时您也许希望仅仅列出不同(distinct)的值。关键词 distinct用于返回唯一不同的值。 表A: ? 表...

2783
来自专栏一个爱瞎折腾的程序猿

vue-router的history模式发布配置

如果你正在尝试将基于vue-router的项目部署到windows中,希望本文能够有所帮助。

713
来自专栏pangguoming

node.js + webstorm :配置开发环境

一、配置开发环境: 1、先安装node (1)、访问http://nodejs.org打开安装包,正常安装,点击next即可。   为了测试是否安装成功,打开命...

3796
来自专栏Flutter入门到实战

快速在线制作json接口,从此写项目引入接口就简单多了

901
来自专栏hbbliyong

Handsontable Dropdown with key-value pair

1213
来自专栏Django Scrapy

supervisor进程拉起工具

Supervisor 是一个用 Python 写的进程管理工具,可以很方便的用来在 UNIX-like 系统(不支持 Windows)下启动、重启(自动重启程序...

491
来自专栏从零开始学自动化测试

Selenium2+python自动化61-Chrome浏览器(chromedriver)

前言 selenium2启动Chrome浏览器是需要安装驱动包的,但是不同的Chrome浏览器版本号,对应的驱动文件版本号又不一样,如果版本号不匹配,是没法启动...

2686

扫码关注云+社区