react-scripts 构建到子目录中答案

【问题标题】：react-scripts build into a subdirectoryreact-scripts 构建到子目录中
【发布时间】：2018-03-06 15:15:54
【问题描述】：

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

Build
-- Player

我需要为 JS 和 CSS 文件生成的 URL，如此处所示，以在路径中包含 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>

我需要它来自动化我的构建和部署。否则默认脚本可以完美运行。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您可以在package.json中添加postbuildscript

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

请试试这个。

【讨论】：