hashup
TypeScript icon, indicating that this package has built-in type declarations

0.4.4 • Public • Published

hashup

ℹ️ Mainly to use in conjunction with kirby-hashed-assets.

hashup is a tiny CLI tool with two objectives in mind for your freshly built frontend assets:

  1. Rename or rather hash (hence the name) the assets.
  2. Generate a manifest.json for them.

Installation

If you want to use hashup right away, there is no need to install it. Simply call it with npx:

npx -y hashup

Otherwise, add it to your development dependencies with either npm, pnpm or your package manager of choice:

# pnpm
pnpm add -D hashup

# npm
npm i -D hashup

Usage

Add hashup to your build pipeline by adding it your package.json scripts (recommended), for example:

{
  "scripts": {
    "clean": "rm -rf public/assets/{css,js}",
    "build": "npm run clean && <...> && hashup"
  },
  "devDependencies": {
    "hashup": "latest"
  }
}

Now, pass asset paths to Kirby's asset helpers like you normally do:

<?= js('assets/js/main.js') ?>
// `<script src="https://example.com/assets/js/main.9ad649fd.js"></script>

Read on here: Automatic hashing with manifest.json.

License

MIT License © 2021-2023 Johann Schopplich

Dependencies (0)

    Dev Dependencies (10)

    Package Sidebar

    Install

    npm i hashup

    Weekly Downloads

    1

    Version

    0.4.4

    License

    MIT

    Unpacked Size

    95.2 kB

    Total Files

    9

    Last publish

    Collaborators

    • johannschopplich