svgo-loader

svgo loader for webpack.

Install

pnpm add -D @nuintun/svgo-loader svgo

You can also use npm or yarn.

Usage

Webpack

// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.svg$/i,
        type: 'asset/resource',
        use: [
          {
            loader: '@nuintun/svgo-loader',
            options: {
              configFile: false,
              multipass: true,
              plugins: ['preset-default']
            }
          }
        ]
      }
    ]
  }
};

Rspack

// rspack.config.js
export default {
  module: {
    rules: [
      {
        test: /\.svg$/i,
        type: 'asset/resource',
        use: [
          {
            loader: '@nuintun/svgo-loader/rspack',
            options: {
              configFile: false,
              multipass: true,
              plugins: ['preset-default']
            }
          }
        ]
      }
    ]
  }
};

Options

All SVGO options are supported (except path, which is handled internally by the loader).

configFile

• Type: string | false
• Default: undefined

Control how loader reads SVGO config:

• undefined: auto load SVGO config from current context
• string: load SVGO config from a specific path
• false: disable external config file

Common SVGO options

You can pass common SVGO options directly:

• multipass
• floatPrecision
• plugins
• js2svg
• datauri

See SVGO configuration docs.

License

MIT