在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ antd按需加載樣式加載延遲？

antd按需加載樣式加載延遲？

antd是按需引入的 然后本地沒問題 線上會現(xiàn)出來html 再出來樣式 閃爍一下
如下圖

clipboard.png

clipboard.png

實際上可能就0.3秒的樣式 但是閃爍非常難受。。。。

按需加載配置是在package.json 中寫的

"babel": {
    "presets": [
      [
        "es2015"
      ],
      "react-app",
      "stage-1"
    ],
    "plugins": [
      "transform-decorators-legacy",
      [
        "import",
        {
          "libraryName": "antd",
          "libraryDirectory": "es",
          "style": "css"
        }
      ]
    ]
  },
回答
編輯回答
安于心

webpack 沒配置好吧。
一般來說開發(fā)環(huán)境使用 style-loader 來加載樣式，方便熱更新。因為是放在js里面的，所以要加載js才會生效。
生產(chǎn)環(huán)境的話應(yīng)該要把樣式打包成css文件，在頭部引入，保證css先加載，就不會有閃爍了。

2018年3月24日 10:02
編輯回答
傻丟丟

你應(yīng)該是給body上沒有加height引起的

body {
    height: 100vh;
}
2018年3月27日 17:38
編輯回答
默念

用 extract-text-webpack-plugin把css從js里抽離出來

2017年11月30日 07:33