react-scripts 将文件从不同于 `public` 的文件夹构建到 `build` 文件夹中

Question

我有一个 React 应用程序。在我的 package.json:

"build": "react-scripts build",

在运行这个构建脚本之后：

npm run build

所有内容都内置于 build 文件夹中，public 文件夹中的任何文件都按原样复制到 build 文件夹的根目录（未缩小为块）。所以我想复制而不更改的任何静态文件都可以放入 public 文件夹中。

我想复制一个文件，就好像它在 public 文件夹中一样，但是从另一个文件夹复制，例如 /src/files/config.js

最好的方法是什么？是不是像在我的应用程序的根目录中添加一个 webpack.config.js 并具有用于发送这样的文件的自定义配置？或者可能只是以某种方式快速修改 package.json 中的 npm 脚本？还是我遗漏了什么...

谢谢

Answer 1

在不弹出或变得过于复杂的情况下，将您的 scripts 设置为：

  "build": "react-scripts build && cp /src/files/config.js build"

可能值得指出以确保 cp 在您支持的环境中工作。

Windows:

"react-scripts build && copy src\files\config.js build"

react-scripts build a file into `build` folder, from a different folder than `public`