vue-cli3中如何使用骨架屏vue-skeleton-webpack-plugin

vue

2019-04-01

351

0

github地址:https://github.com/lmy01/vuecli3_skeleton_demo

1.安装插件 vue-skeleton-webpack-plugin

    "vue-skeleton-webpack-plugin": "^1.2.2",

2.在src/components/创建只包含骨架屏内容的Skeleton.vue模板

    

3.在src/下创建骨架屏入口文件skeleton.js

    

4.在vue.config.js中配置骨架屏参数

    

这里的模板是统一的,如果想根据页面内容自动生成骨架屏,可以使用饿了么团队开发的 page-skeleton-webpack-plugin.

发表评论

全部评论:0条

lmy233

努力工作学习生活的人呐~~

联系方式

神圣之子仅供学习交流
E-mail:limengyu233@163.com
github:https://github.com/lmy01