Thanks to an excellent answer by @McMath I now have webpack compiling both my client and my server. I\'m now on to trying to make webpack --watch
be useful. Ideally
npm install npm-run-all webpack nodemon
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.
npm-run-all
- A CLI tool to run multiple npm-scripts in parallel or sequential.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. nodemon
- Simple monitor script for use during development of a node.js app.