h5骨架屏快速生成方案

• 该方案的大概思路图

• 首页生成效果图

在这里插入图片描述

Install

npm i draw-page-structure -g

Usage

1. dps init 根据提示生成配置文件 dps.config.js
2. 修改 dps.config.js 进行相关配置
3. dps start 开始生成骨架屏

FQA

1. 安装时提示 There should only be one folder in a package cache... npm i draw-page-structure -g – force
2. dps start 提示 Error: Cannot find module 'puppeteer' npm i puppeteer -g
3. pc骨架屏怎么生成？
   • skeleton.config.json 中device修改为PC
4. 生成代码还是生成图片？ 骨架屏采用生成的骨架图，在网页上转成base64格式放在node项目中，因为图片更轻量，生成的代码有五千多行，加载会慢