page-skeleton-webpack-plugin
page-skeleton-webpack-plugin copied to clipboard
请问,骨架图生成的元素有什么要求
Description
请问,骨架图生成的元素有什么要求,因为在首页的aside没有骨架,我的首页:
<main class="main">
<div class="container">
<section class="home-section">
<m-swiper :data="swiperData"></m-swiper>
<article-list :data="articleData"></article-list>
<el-pagination
class="pagination"
@current-change="handleCurrentChange"
:current-page.sync="page.pageNO"
:page-size="page.pageSize"
:pager-count="page.pagerCount"
layout="prev, pager, next, jumper"
:total="page.totalCount">
</el-pagination>
</section>
<aside class="home-aside">
<dy-audio :data="music"></dy-audio>
<recommend :data="popular"></recommend>
<tag-cloud :data="tag" :colors="colors" @tagClick="clickTagItem"></tag-cloud>
<about-website :data ="about"></about-website>
</aside>
</div>
</main>
这里只有m-swiper、article-list生成骨架
Plugin configration
configureWebpack: {
plugins: [
new SkeletonPlugin({
pathname: resolve('shell'), // 用来存储 shell 文件的地址
staticDir: resolve('dist'), // 最好和 output.path
相同
routes: ['/'], // 将需要生成骨架屏的路由添加到数组中
})
]
},
Versions
- Page Skeleton:^0.10.12
- vue-cli3