构建

Question

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

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">

Answer 1

{
  "name": "your-project-name",
  "version": "0.1.0",
  "homepage": "./",
  .
  . 
  .
  #your rest of package.json content
}

此次运行后npm run buid

这将改变路径“./”

Answer 2

我遇到了类似的问题，并通过在package.json

中设置"homepage": "./"来解决此问题

我在这里找到了这个解决方案https://github.com/facebook/create-react-app/issues/165

Answer 3

如果您使用的是webpack，则可以尝试将publicPath设置为./

您可以详细了解here。