h5骨架屏快速生成方案

2022-09-29 08:14:45 浏览数 (1)
  • 该方案的大概思路图
  • 首页生成效果图

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项目中，因为图片更轻量，生成的代码有五千多行，加载会慢
npm javascript

0 人点赞