请问一下，骨架屏显示和隐藏的时机是什么时候？

[fudanfuhua]

Description

[Description of the bug or feature]

Steps to reproduce

1. [First step]
2. [Second step]
3. [and so on...]

Expected behavior: [What you expected to happen]

Actual behavior: [What actually happened]

Link to an example: [If you're reporting a bug that's not reproducible, please try to reproduce it on JSFiddle, JS Bin, CodePen or a similar service and paste a link here]

Plugin configration

for example:

new SkeletonPlugin({
  pathname: path.resolve(__dirname, `./src`),
  port: '7890',
  loading: 'spin',
  svg: {
    color: '#EFEFEF',
    shape: 'circle',
    shapeOpposite: ['.red']
  },
  image: {
    shape: 'rect', // `rect` | `circle`
    color: '#EFEFEF',
    shapeOpposite: ['.white']
  },
  pseudo: {
    color: '#EFEFEF', // or transparent
    shape: 'circle', // circle | rect
    shapeOpposite: ['.apple', '.pen']
  },
  button: {
    color: '#EFEFEF',
    excludes: ['.center a']
  },
  defer: 5000,
  excludes: [],
  remove: [],
  hide: ['.ag-text', '.ag-image'],
  grayBlock: ['#header'],
  cssUnit: 'vw',
  cookies: [{
    name: 'SID',
    value: 'xxxxxx',
    url: 'https://xx.xxx.xx'
  }, {
    name: 'USERID',
    value: 'xxxxxx',
    url: 'https://xx.xxx.xx'
  }]
})

Versions

• Page Skeleton:
• Webpack:

[HiuYanChong]

骨架屏的代码最后是打包到了 html 里面，页面渲染出来就会显示骨架屏
隐藏则是页面逻辑运行完毕后将骨架屏的代码替换
例如项目自带的示范例子是这样的
渲染出来 <div id="app">骨架屏代码</div>
页面逻辑运行完毕后 <div id="app">页面实际代码</div>

[fudanfuhua]

那这样说对单页面应用，只在刚进入页面时会出现骨架屏，前端路由切换就不会再有了是吗？

[HiuYanChong]

@fudanfuhua 恩恩只有首页有
可以看下这个 issue #9

[chentianyuan]

@HiuYanChong 请问，页面运行完后隐藏，是vue做的吗，还是说这个插件源码里有逻辑运行完毕后替换骨架屏这部分的代码？