vue-skeleton-webpack-plugin 是较为初级的骨架屏方案,相信大家也可以马上想到许多缺点。
比如:
需要手动去写骨架屏的样式。
骨架屏样式在不同尺寸下的响应式问题。
在界面改动之后也需要手动修改对应的骨架屏。
由于在本人的项目中使用到了 postcss-px2rem 自动 px 转 rem,所以避开了一些缺点。
其他方法
此外还有许多使用骨架屏的方法:
page-skeleton-webpack-plugin 饿了么开源的自动生成骨架屏生成插件。
用 base64 的图片做骨架屏,就让 UI 在出设计稿的时候顺便把骨架屏也给画了😂。