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
npm i -g cocos-html-pack
Disable MD5 Cache
in Project > Build...
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
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