Cocos HTML Pack for game 2D/3D

Single html web mobile template for Cocos version 2x build 3d game. It's based on Cocos HTML Pack 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 v3.5.1

Install

npm i -g cocos-html-pack-3dv3x

Build config

Disable MD5 Cache in Project > Build... Fix when build compress error: /lib/Packer.js change: var inflateJS = fs_1.default.readFileSync(path_1.default.join(__dirname, '../node_modules/pako/dist/pako_inflate.js')); --> var inflateJS = fs_1.default.readFileSync(path_1.default.join(__dirname, '../../../node_modules/pako/dist/pako_inflate.js'));

Usage

pack-html [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

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

If you want to override templates

pack-html --templates

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

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

Minify

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

Minify & tinify

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

Minify & compress

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

Minify & tinify & compress

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