generate-icon-webpack-plugin

A webpack 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

Usage

add the plugin:

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

configure the plugin:

new CrxPackWebpackPlugin({
  logo: path.resolve(__dirname, "./icon.png"),
  dir: "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 | |---|---|---|---|---| | 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 | 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 |

Acknowledgement

Inspired by plasmo's ability to generate images.