antd是按需引入的 然后本地没问题 线上会现出来html 再出来样式 闪烁一下
如下图
实际上可能就0.3秒的样式 但是闪烁非常难受。。。。
按需加载配置是在package.json 中写的
"babel": {
"presets": [
[
"es2015"
],
"react-app",
"stage-1"
],
"plugins": [
"transform-decorators-legacy",
[
"import",
{
"libraryName": "antd",
"libraryDirectory": "es",
"style": "css"
}
]
]
},
webpack 没配置好吧。
一般来说开发环境使用 style-loader 来加载样式,方便热更新。因为是放在js里面的,所以要加载js才会生效。
生产环境的话应该要把样式打包成css文件,在头部引入,保证css先加载,就不会有闪烁了。