Generate-icon-webpack-plugin NPM

generate-icon-webpack-plugin

A webpack plugin to generate icons of different sizes

Usage

add the plugin:

yarn add generate-icon-webpack-plugin -D

configure the plugin:

new CrxPackWebpackPlugin({
  original: path.resolve(__dirname, "./icon.png"),
  output: "icons",
  size: [128, 64, 48, 32, 16], // 128, It can be an array or a number
  format: "png",
  grayscale: false,
  imgName: "icon",
  log: true
})

Configuration Settings

Option	Required	Type	Default	About
original	yes	string	none	images that need to be converted
output	yes	string	none	the directory for the output picture
size	yes	number[]/number	none	image size, if it is a number, only one image is generated, if it is an array, it is multiple images
format	no	string	"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
log	no	boolean	false	print picture information