minification for astro static sites
This package helps you minify HTML, CSS, and SVG files within your static Astro site, resulting in a smaller bundle size and potentially faster loading times.
> Note
>
> astro-minify only for statically generated build and pre-rendered routes.
1. Install with npm.
``bash`
npm install @zokki/astro-minify
2. Import into the astro-config. The integration should be below most of the other integrations.
`ts
import { minify } from '@zokki/astro-minify';
export default defineConfig({
integrations: [minify()],
});
`
`ts
/**
* Toggle logging of all minified files
*
* @default
* true
*/
logAllFiles?: boolean;
/**
* Config for @minify-html/node or false to disable html minification
*
* @default
* {
* minify_css: true,
* minify_js: true,
* keep_comments: false,
* keep_ssi_comments: false,
* keep_closing_tags: true
* }
*/
html?: false | MinifyHtmlConfig;
/**
* Config for lightningcss or false to disable css minification
*
* @default
* { minify: true }
*/
css?: false | LightningcssConfig;
/**
* Config for svgo or false to disable svg minification
*
* @default
* {
* multipass: true,
* plugins: [
* {
* name: 'preset-default',
* params: {
* overrides: {
* // disable a default plugin
* cleanupIds: false,
* removeHiddenElems: false,
* removeEmptyContainers: false,
* },
* },
* },
* ],
* }
*/
svg?: false | SvgoConfig;
/**
* Config for cids-replacement or false to disable svg minification``
*
* @default
* {
* prefix: 's-',
* cidRegex: /data-astro-cid-[a-zA-Z0-9]{7,10}/g,
* extensions: ['html', 'css']
* }
*/
minifyCid?: false | MinifyCidConfig;
MIT © Tim-Niclas Oelschläger