create-react-app - 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

如果您在文件中设置主页属性package.json，则会修改/build/index.html. 这是文档。

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

Answer 2

您可以postbuild script添加package.json

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

请试试这个。