/cocos-html-pack

Single html web mobile template for Cocos

Primary LanguageJavaScriptMIT LicenseMIT

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

Buy Me A Coffee