@best-shot/preset-asset v0.14.1

@best-shot/preset-asset

A best-shot preset for asset.

This preset offer the following features:

• bundle jpg / jpeg / png / gif / svg
• bundle woff / woff2 / otf / eot / ttf
• image minify in production mode

Installation

npm install @best-shot/preset-asset --save-dev

Usage

// example: .best-shot/config.mjs
export const config = {
  presets: ['asset']
};

Tips

The mutable resourceQuery for image

Generate mutable resources filename:

// image/avatar/male.png
import img1 from './avatar/male.png?mutable' with { type: 'mutable' };

// image/header-bg.min.xxxxxxxx.png
import img2 from './header/header-bg.png';

Preprocess non-ascii character

天地人-abc.jpg -> 4273f2f7-abc.jpg

Related

• @best-shot/preset-style
• @best-shot/preset-web
• @best-shot/core