Cocos HTML Pack

Single html web mobile template for Cocos. It's based on SingleHTML5Generator with bug fixes and some enhancements

• Written in NodeJS
• All resouces are packed into a single HTML file
• Minify your HTML
• Tinify your images
• Compress resources to reduce the file size

Tested on Cocos Creator v2.4.3

Install

npm i -g cocos-html-pack

Build config

Disable MD5 Cache in Project > Build...

Usage

cocos-html-pack [options]

Options:
  -V, --version          output the version number
  --templates            override template dir in 'pack-templates'
  -i, --input <path>     input dir, build/web-mobile for example
  -o, --output <path>    output dir
  -t, --title <value>    page title if use the default template
  --orientation <value>  portrait or landscape (default: "portrait")
  --minify               compress js, css and html
  --tinify <key>         compress and optimize JPEG and PNG images
  --compress             compress assets and js
  -h, --help             display help for command

Example

Pack from build/web-mobile to build/web-mobile-pack

cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --title Test

If you want to override templates

cocos-html-pack --templates

Add or change templates in ./pack-templates, they will be used instead of default templates

cocos-html-pack --input build/web-mobile build/web-mobile-pack

Minify

cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --minify

Minify & tinify

cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --minify --tinify <your-tinypng-key>

Minify & compress

cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --minify --compress

---