react-scripts构建到子目录中

Question

我正在使用create-react-app并在我的项目上运行react-scripts，但是我的构建输出存在问题。我需要构建输出进入构建文件夹的子目录，如此处所示

Build
-- Player 

我需要为JS和CSS文件生成的Urls，如此处所示，将Player包含在路径中。我需要这些。

<link href="/static/css/main.02096f02.css" rel="stylesheet">
<script type="text/javascript" src="/static/js/main.75412701.js"></script>

是这些

<link href="/player/static/css/main.02096f02.css" rel="stylesheet">
<script type="text/javascript" src="/player/static/js/main.75412701.js"></script>

我需要这个来自动化我的构建和部署。否则，默认脚本可以正常工作。

Answer 1

您可以在postbuild

中添加script package.json

"scripts": {
    "build": "react-scripts build",
    "postbuild" : "mv build /Player/"
}

请试一试。

Answer 2

如果在package.json文件中设置 homepage 属性，则将修改/build/index.html中生成的所有链接。 Here's the docs.

"homepage": "http://mywebsite.com/relativepath",