Mastering React Test-Driven Development

Putting it all together with Webpack

Jest includes Babel, which transpiles all our code when it's run in the test environment. But what about when we're serving our code via our website? Jest won't be able to help us there.

That's where Webpack comes in, and we can introduce it now to help us, do a quick manual test:

1. Install Webpack using the following command:

npm install --save-dev webpack webpack-cli babel-loader

2. Add the following to the scripts section of your package.json:

"build": "webpack",

3. You'll also need to set some configuration for Webpack. Create the webpack.config.js file in your project root directory with the following content:

const path = require("path");const webpack = require("webpack");module.exports = { mode: "development", ...