Skip to content
GitLab
Open
Issue created by Administrator@rootContributor

SVG files imported as React components should not end up in build directory

Created by: dominique-mueller

Intro

SVG files can be imported as React component, and thus inlined into the bundle, using the following syntax:

import { ReactComponent as MySvg } from '../../assets/icons/my-svg.svg'

Actual behaviour

Although inlined, the original SVG files will still be processed (by Webpack?) and end up

  • in the build/static/media folder
  • in the asset-manifest.json file

Overall, this isn't critical - it only means that unused files end up in the build folder. Nevertheless, it's a very confusing behaviour, developers might assume those files are being used or even that SVGs imported the way described above are not being inlined.

Expected behaviour

The expected behaviour is that inlined resources do not end up in the build folder, resulting in a smaller and clean build folder.

Related