构建后 index.html 中的相对路径

Question

您好，我有一个 reactjs 应用程序，我使用以下命令构建我的项目

npm build

这是我的 package.json 文件：

   "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"},

构建后我有构建文件和 index.html 文件的文件夹但是这个 .html 中的所有路径都是绝对的，我想用相对路径构建

例如（index.html）：现在我有：

 <script type="text/javascript" src="/static/js/main.af2bdfd5.js"></script>
<link href="/static/css/main.097da2df.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.ico">

我要这个：

 <script type="text/javascript" src="./static/js/main.af2bdfd5.js"></script>
<link href="./static/css/main.097da2df.css" rel="stylesheet">
<link rel="shortcut icon" href="./favicon.ico">

原文由 user3045654 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

// package.json
{
  "name": "your-project-name",
  "version": "0.1.0",
  "homepage": "./", # <--- Add this line ----
  ...
}

再次运行 npm run build 。

这会将路径更改为 ./ ，这是您项目的相对路径。

原文由 Gampesh 发布，翻译遵循 CC BY-SA 4.0 许可协议