什么在构建期间呈现 Create React App html 模板答案

【问题标题】：What renders Create React App html template during build什么在构建期间呈现 Create React App html 模板
【发布时间】：2019-09-30 20:58:18
【问题描述】：

Create React App 包含一个 public/index.html，其中包含几个正在被模板引擎替换的字符串。

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

我的问题是，在 CRA webpack 配置文件或构建脚本中，%PUBLIC_URL% 被其他值替换了吗？我已经看到 CRA 在哪里使用 html-webpack-plugin，但这似乎使用了默认的 lodash 模板引擎，它使用不同的语法来区分被替换的内容

【问题讨论】：

【解决方案1】：

替换由InterpolateHtmlPlugin完成。

【讨论】：

【解决方案2】：

在 config/env.js 文件中设置了 PUBLIC_URL：

那么在 config/webpack.config.js 里面就是调用 getClientEnvironment(publicUrl) 的地方：

【讨论】：

我在 webpack.config.js 的第 79 行看到它在哪里获取 publicUrl 但是，我无法在 index.html 的副本中找到用 publicUrl 的值替换 %PUBLIC_URL% 的内容构建文件夹。我最初的直觉是，这是由于 webpack 配置文件的第 576 行而发生的。但是，%PUBLIC_URL% 不是 lodash 模板使用的格式，所以我认为不是这样。