vue+webpack骨架屏

1、骨架屏原理 骨架屏其实就是在数据加载到id为app的div之前,先放置一个显示,可以是代码亦可以是文字图片等,数据加载之后会覆盖显示 优势:首页加载慢会导致白屏、卡顿问题,骨架屏优化用户体验 2、结合webpack自定义插件,实现自定义骨架屏 步骤: (1)在build目录新建一个js文件,作为自定义组件(代码在最后) (2)在配置文件webpack.prod.config.js中注册引入 const MyPlugin = require('./MyPlugins') (3)在配置文件webpack.prod.config.js中,插入自己的插件 骨架屏插件需要替换html,所以要放在h