Inline SVGs as data URIs instead encoding it with base64

[strarsis]

With the 6.6.6 release of bud assets, including SVGs can be now inlined by using the ìnline parameter.

Inlining SVGs as base64 strings is functionally fine, however SVGs can be inlined as data URIs with a much smaller overhead than using plain base64 or URL encoding.

The webpack documentation uses some generator config for using the mini-svg-data-uri for SVG files.

bud SVG inline rule:
https://github.com/roots/bud/blob/v6.6.6/sources/@roots/bud-build/src/handlers/rules/svg.inline.ts#L8

[kellymears]

yeah, i want to add this. but general ?inline support seemed like a great place to start and has zero overhead.

likely a separate rules for ?data-uri (that was my latest thinking on it, at least)

for reference: this is the rule for inline svg if anybody else wants to take a crack at adding mini-svg-data-uri support in sources/@roots/bud-build/src/handlers/rules/svg.data-uri.ts:

https://github.com/roots/bud/blob/main/sources/%40roots/bud-build/src/handlers/rules/svg.inline.ts

[kellymears]

I changed my mind about .svg?data-uri and ended up just modifying the .svg?inline rule to use the svg-mini-data-uri transformer.

[kellymears]

OK this is merged in #1948

[strarsis]

@kellymears: Awesome, thank you!