interpolate-html-plugin

react-inject-env-vars.md

public/index.html

<link href="%PUBLIC_URL%/assets/favicon-32x32.png" />

// OR

<script>
window.__PUBLIC_URL__ = "%PUBLIC_URL%";
</script>

webpack

https://www.npmjs.com/package/interpolate-html-plugin

const interpolateHtmlPlugin = webpackConfig.plugins.find(
  (p) => p.constructor.name === 'InterpolateHtmlPlugin'
)
interpolateHtmlPlugin.replacements.PUBLIC_URL = process.env.PUBLIC_URL