requirejs加载css,页面会卡顿一下再加载样式,该怎么解决?

old_summer
  • 3
新手上路,请多包涵

页面的js和css都是通过requirejs引入的,由于顺序的关系,都是没有css的样子先出现,然后载入样式,页面才正常,有什么办法可以解决这个问题吗?

回复
阅读 1.6k
3 个回答

js资源的加载需要一定的时间,出现闪烁是必然的,这种情况可以考虑做一些loading的优化
比如:loading开始加载,部分css布局相关的文件或者js文件加载完(加载成功的回调中处理),结束loading
再不然只能做样式的拆分或者header link、@import方式引入,可能改动比较大

css 抽出来放在前面加载

可以将css放置在依赖最前面,也可以在require.config中模块的deps数组里配置该css路径

require(["css!../style.css", "module"], function(){

})

//增加依赖配置后调用
require.config({
    shim:{
        module:["css!../style.css"]
    }
})

require(["module"], function(){})
你知道吗?

宣传栏