reactjs - 什么在构建期间呈现 Create React App html 模板

Question

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

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

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

标签： reactjswebpackcreate-react-app

Answer 1

替换由InterpolateHtmlPlugin.

这是 webpack 配置中的相应行：https ://github.com/facebook/create-react-app/blob/main/packages/react-scripts/config/webpack.config.js#L655

这是 InterpolateHtmlPlugin 的来源：https ://github.com/facebook/create-react-app/blob/main/packages/react-dev-utils/InterpolateHtmlPlugin.js