时间戳

首页 > 解决方案 > 自动重建和重新加载浏览器如何在 create-react-app 中工作

reactjs - 自动重建和重新加载浏览器如何在 create-react-app 中工作

问题描述

嗨，我是 reactJS 的新手，最近正在通过从 开始create-react-app并修改它来学习 reactjs。我的疑问是如何create-react-app检测文件中的更改并自动重建它们。我使用了一个普通的nodejs + react + webpack应用程序，因为我必须手动指定npm run buildandnode start之package.json类的

  "scripts": {
    "build": "webpack",
    "start": "node server"
  },

如果上面的 create-react-app 不同

 "scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
    "start": "npm run build-css && run-p -ncr watch-css start-js",
    "start-js": "react-scripts start",
    "build": "run-s -n build-css build-js",
    "build-js": "react-scripts build",
    "test": "run-s -n build-css test-js",
    "test-js": "react-scripts test --env=jsdom",
    "build-css": "node-less-chokidar src",
    "watch-css": "node-less-chokidar src --watch",
    "eject": "react-scripts eject"
  }

是什么让create-react-app和普通node+webpack+react应用程序在重建源代码方面有所不同？（启动服务器似乎并不重要，因为一旦启动，它将在两种情况下都在端口上运行。对于服务器重启，两个应用程序都需要终止进程并重新启动。所以构建源代码是我唯一关心的问题）。任何帮助表示赞赏。

标签： reactjsreact-scripts

解决方案

推荐阅读