Что отображает HTML-шаблон Create React App во время сборки

Question

Create React App включает public/index.html, который содержит несколько строк, которые заменяются механизмом шаблонов.

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

Мой вопрос: где находится файл конфигурации CRA webpack илисценарий сборки %PUBLIC_URL% заменяется другим значением? Я видел, где CRA использует плагин html-webpack-plugin, но, похоже, он использует стандартный движок lodash, который использует другой синтаксис для обозначения того, что заменяется

Answer 1

Внутри файла config / env.js установлено PUBLIC_URL:

https://github.com/facebook/create-react-app/blob/a10223d418e4093856bd225e6e4be6e12ac8ae4e/packages/react-scripts/config/env.js#L71

Тогда внутри config / webpack.config.js, где getClientEnvironment (publicUrl) называется:

https://github.com/facebook/create-react-app/blob/a10223d418e4093856bd225e6e4be6e12ac8ae4e/packages/react-scripts/config/webpack.config.js#L79