-
Lavas webpack插件vue-skeleton-webpack-plugin提供了PWA webshell的框架解决方案
资源介绍
Vue骨架Webpack插件
这是一个基于Vue的webpack插件,为单页/多页应用生成骨架屏的骨架,减少白屏时间,在页面完全渲染之前提升用户感知体验。
支持webpack @ 3和webpack @ 4,支持Hot reload。
基本实现
参考了一文,使用服务端渲染在重建时渲染的骨架组件,将DOM和样式内联到最终输出的html中。
另外,为了开发时调试方便,可以分配router.js中,可通过/skeleton路由访问。
插件具体实现可参考
使用方法
安装:
npm install vue-skeleton-webpack-plugin
运行测试用例:
npm run test
在w