javascript - 如何使 create-react-app 自动构建？

Question

我使用 create react app 有一段时间了。 'npm start' 或 'yarn start' autoreloads 本身工作正常，但现在我遇到了另一个问题。目前，我通过 build 文件夹在 express 服务器上运行该应用程序，并且我使用“npm run build”，因为 express 正在为构建的文件提供服务。有许多 api 调用需要应用程序以这种方式运行。现在每次手动执行“npm run build”变得很乏味。有没有一种简单的方法或解决方法来像“npm start”一样自动构建而不弹出应用程序(我知道可以弹出并配置 webpack 来做到这一点，但我不想走那条路)？谢谢

Answer 1

不幸的是，这是您必须自己做的事情。你可以使用像 npm-watch 这样的工具来完成你想要的:

安装 npm-watch

npm i --save-dev npm-watch

包.json

{
  "name": "react-app",
  "version": "0.1.0",
  "private": false,
  "devDependencies": {
    "npm-watch": "^0.1.8",
    "react-scripts": "0.9.5",
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "watch": "npm-watch"
  },
  "watch": {
    "build": "src/"
  }
}

之后，只需使用 npm run watch 启动 npm-watch，以便它可以根据更改重建您的 Assets 。

更新:

React-scripts 现在包含一个 proxy 选项，可以将请求代理到不同的主机/端口。例如，如果您的后端在 /api 路径下的 localhost 端口 9000 上运行，那么您可以将此行添加到您的包中。 json:“代理”:“本地主机:9000/api”。然后您可以像往常一样在生产中提出请求。 (来源:https://create-react-app.dev/docs/proxying-api-requests-in-development)