Webpack –watch and launching nodemon?

by
  1. Install the following dependencies:

npm install npm-run-all webpack nodemon

  1. Configure your package.json file to something as seen below:

package.json

{
  ...

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

  ...

}

After doing so, you can easily run your project by using npm start.

Don’t forget config WatchIgnorePlugin for webpack to ignore ./dist folder.

Dependencies

  1. npm-run-all – A CLI tool to run multiple npm-scripts in parallel or sequential.
  2. webpack – webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
  3. nodemon – Simple monitor script for use during development of a node.js app.

Leave a Comment

tech