cuilingh00

😭

> ### Description > 用的sale demo，骨架屏静态页面能生成，运行npm run build 的时候没有将根目录下的 替换为骨架屏样式，是要把根目录下的标签替换调么，如果不替换，怎么将 骨架屏静态页面和真实的页面交替显示（数据没加载出来显示 dist 下的html，加载出来后显示根目录下的页面），还是说这个只是个生成静态骨架屏的工具？ > > PS:如果整个项目没用vue-router，还能使用该插件生成骨架屏么 同问，快疯了，没人解答

> 额，才发现是我没有配置好，我只在`build/webpack.dev.conf.js`配置；而vue-cli打包用到了`build/webpack.prof.conf.js`;两个都配置好就没有问题了 我遇到了跟你一样的问题，只生成骨架屏代码，并没有打包替换，不知道该怎么配置，请问你是怎么处理的？

> > 我把插件里生成骨架结构的逻辑单独解耦出来稍微修改了下单独打了个npm包。这样会比较符合一些定制化的使用场景，可以把骨架屏生成和内部的一些工程化的逻辑相结合，不局限于使用webpack场景。 > > �目前在优化中，请大家指点下...如果有不合适的地方也请提出来。 > > 插件地址：https://github.com/wookaoer/page-skeleton-core > > 请问你在使用中，生成的骨架屏会不会尺寸和实际页面差别较大，骨架屏页面小很多的问题？ 请问你在使用过程中，是如何把生成的骨架html 打包到真实dom的？为什么我重新运行项目并看不到骨架屏啊？

这么久了还有人回复，辛苦了 在2020年10月06日 11:41，一笑解千愁 写道： 这个我试了下，只有npm run build的时候才会吧shell里面的东西加载到 index.html 中，npm run dev 不会自动加载，可以手动将 shell.html 里的内容复制出来替换 index.html中的 重启下 npm run dev 就可以看效果了 — You are receiving this because you authored the thread....