Skip to content

Silious/webpack-skeleton

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

骨架屏实现思路

  1. 监听打包完成的事件
  2. 当webpack编译完成后,我们可以启动一个服务,通过pub去访问这个生成的页面,抓取内容
  3. 将抓取到的元素用对用标签替代,生成骨架屏元素
  4. 将骨架屏元素替换到root中的占位符
  5. 用户访问的时候首先呈现的是骨架屏页面
  6. js加载完后会重新render掉root

实际的页面

image-20200725182312450

骨架屏页面

image-20200725182400314

About

webpack骨架屏原理简单实现

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published