node.js - Webpack --watch 和启动 nodemon？

Question

感谢 excellent answer @McMath 我现在有 webpack 编译我的客户端和我的服务器。我现在正在尝试使 webpack --watch 变得有用。理想情况下，我希望它在捆绑更改时为我的服务器进程生成类似 nodemon 的东西，并在我的客户端更改时生成一些浏览器同步。

我意识到它是一个 bundler /加载器，而不是真正的任务运行器，但是有什么方法可以实现这一点吗？缺少谷歌结果似乎表明我正在尝试新的东西，但这一定已经完成了..

我总是可以将 webpack 包放到另一个目录并使用 gulp 观看/复制它/浏览器同步它，但这似乎是一个 hack。有没有更好的方法？

Answer 1

1. 安装以下依赖项:

npm install npm-run-all webpack nodemon

1. 将您的 package.json 文件配置为如下所示:

package.json

{
  ...

  "scripts": {
    "start"        : "npm-run-all --parallel watch:server watch:build",
    "watch:build"  : "webpack --watch",
    "watch:server" : "nodemon \"./dist/index.js\" --watch \"./dist\""
  },

  ...

}

这样做之后，您可以使用 npm start 轻松运行您的项目。

不要忘记为 webpack 配置 WatchIgnorePlugin 以忽略 ./dist 文件夹。

依赖关系

1. npm-run-all - 一个 CLI 工具，用于并行或顺序运行多个 npm-scripts。
2. webpack - webpack 是一个模块打包器。它的主要目的是捆绑 JavaScript 文件以在浏览器中使用，但它也能够转换、捆绑或打包几乎任何资源或 Assets 。
3. nodemon - 用于开发 node.js 应用程序的简单监控脚本。