Node.js “我必须跑”；“npm运行脚本生成”；每次我更改代码以查看效果后

我有一个包含Expressjs和Reactjs的Nodejs项目。我更改代码并重新加载，或

npm start

，但这不会加载我所做的更改。要查看我的更改，我必须每次运行

npm运行scriptbuild

。在任何代码更改后，我如何运行此程序

这是我的

pacakge.json

文件的一部分

"scripts": {
    "start": "node ./bin/start",
    "build": "./node_modules/.bin/webpack",
    "dev-client": "./node_modules/.bin/webpack-dev-server --port 3002 --content-base public/",
    "fullStart": "./node_modules/.bin/webpack && node ./bin/start",
    "debug": "node $NODE_DEBUG_OPTION ./bin/start",
    "test": "jest"
  },

---

将应用程序配置为在文件更改时自动刷新/重新加载的最常用方法之一是使用

运行以下命令以安装并启用：

全局安装

npm安装-g livereload

启用（首先将[path]替换为源代码的目录路径）

livereload[path]

---

如果项目最初是通过一个流行的生成器（示例）创建的，则该功能很可能已经可用。请参阅发电机文档进行确认。

处理此问题的最常用方法是：

使用以下方法安装nodemon软件包：

npm安装nodemon——保存dev

在

package.json中使用以下命令：

"scripts": {
    "start": "nodemon ./bin/server.js" // your application start file
}

它将在您保存项目时加载您的新更改
 我刚刚遇到了一个问题，试图用
npm start
而不是
npm run dev
启动我的应用程序。在我的例子中，我没有使用nodemon，但我认为如果您已经安装了像nodemon这样的软件包，在某些情况下可能会有所帮助

在我的例子中，它是stripe.js repo的克隆。它使用next来实现类似的nodemon类型的功能

  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start",
    "watch": "watch 'npm run build' ./demo-react-stripe-js-master"
  },

当我尝试使用NPMStart时，每次都要不断刷新页面才能看到更改。使用
npm-run-dev
后，它似乎以适当的热重新加载方式执行。
请提及位于package.json文件=>scripts=>build中的以下脚本，以建议适当的解决方案edited@YasserMas。请立即检查Just run
npm run dev client
它将监视所有更改SAFAIK，在部署到暂存/生产服务器之前，构建项目只应发生一次。在本地，您不需要构建项目，因为每次进行更改时构建项目太耗时。