Parcel 2: SVGO Optimizer

Create the @parcel/optimizer-svgo package. This should include an Optimizer plugin that compresses SVG images with SVGO.

This plugin should be included in @parcel/config-default for *.svg to optimize SVGs by default in production.

Configuration

Optional configuration should be done through a .svgorc file. We should include good default settings, but it should be possible to override them if needed. See here for a full list of options.

[elozev]

I found a workaround solution. Create a .parcelrc file at the root of the project. As contents put the following

{
  "extends": "@parcel/config-default",
  "transformers": {
    "url:*.svg": ["@parcel/transformer-svgo", "@parcel/transformer-raw"]
  },
  "optimizers": {
    "*.{png,jpg,jpeg,svg}": []
  },
}

That solved the issue for me. The command to build the project in my case is: "build": "parcel build *.html --no-cache".

[artdevgame]

To make SVG optimization work in Parcel I need to install @parcel/transformer-svgo and add the following to .parcelrc

{
  "extends": "@parcel/config-default",
  "transformers": {
    "url:*.svg": ["@parcel/transformer-svgo", "@parcel/transformer-raw"]
  }
}

I can’t seem to get this to work in my project, I’m using --public-url . CLI option, could that be making a difference?

The error I get is something like:

react-dom.development.js:11340 Uncaught DOMException: Failed to execute ‘createElement’ on ‘Document’: The tag name provided (‘/discord.d697f2b7.svg’) is not a valid name.

Looks like it’s relying on a url path, where I need it to start with ./