npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

cocos-html-pack

v0.2.0

Published

Single html web mobile template for Cocos

Downloads

3

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

x1centx1centez-connect-ez-connect-

Keywords

cocoshtml5executebinutil

Readme

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