Webpack-监视并启动nodemon吗？

除了@Ling的好答案之外：

如果您想一次构建项目，则在观看之前nodemon，可以使用webpack 编译器hook。在webpack完成编译后，插件的代码就会nodemon在done钩子中触发（另请参阅此有用的文章）。

const { spawn } = require("child_process")

function OnFirstBuildDonePlugin() {
  let isInitialBuild = true
  return {
    apply: compiler => {
      compiler.hooks.done.tap("OnFirstBuildDonePlugin", compilation => {
        if (isInitialBuild) {
          isInitialBuild = false
          spawn("nodemon dist/index.js --watch dist", {
            stdio: "inherit",
            shell: true
          })
        }
      })
    }
  }
}

webpack.config.js：

  module.exports = {
    ... 
    plugins: [
      ... 
      OnFirstBuildDonePlugin()
    ]
  })

package.json：

"scripts": {
  "dev"  : "webpack --watch"
},

希望能帮助到你。

1. 安装以下依赖项：

npm install npm-run-all webpack nodemon

2. 将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脚本。
2. webpack-webpack是一个模块捆绑器。它的主要目的是捆绑JavaScript文件以供在浏览器中使用，但它也能够转换，捆绑或打包几乎任何资源或资产。
3. nodemon -在node.js应用程序开发期间使用的简单监控脚本。