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

Question

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

Answer 1

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

Answer 2

css 抽出来放在前面加载

Answer 3

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

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

})

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

require(["module"], function(){})