rollup-plugin-generate-icon

A rollup plugin to generate icons of different sizes

Images in the icons field and action.default_icon field in chrome extensions Manifest V3 can be generated using this plugin

Support

vite(build mode, build watch mode)
rollup

Usage

add the plugin:

npm install rollup-plugin-generate-icon --save-dev
// or
pnpm add rollup-plugin-generate-icon -D
// or
yarn add rollup-plugin-generate-icon -D

configure the plugin:

generateIcon({
    logo: path.resolve(__dirname, "./public/icon.png"),
    dir: "icons",
    size: [16, 32, 48, 64, 128], //or a number
    format: "png",
    grayscale: false,
    imgName: "icon",
}),

Configuration Settings

Option	Required	Type	Default	About
logo	yes	string	none	images that need to be converted
dir	no	string	"icons"	the directory for the output picture
size	no	number[]/number	[16, 32, 48, 64, 128]	image size, if it is a number, only one image is generated, if it is an array, it is multiple images
format	no	keyof sharp.FormatEnum	"png"	the format of the output picture
grayscale	no	boolean	false	whether to generate a gray image
imgName	no	string	"icon"	name of the picture

Acknowledgement

Inspired by plasmo's ability to generate images.