We want to be able to compile below component and render it in our webpage

Filename: src/index.jsx

Create a file webpack.config.js in the root of your working directory

Filename: webpack.config.js

Create a file .babelrc in the root of our working directory

Filename: .babelrc

{
    "presets": ["es2015","react"]
}

Setup a simple html file in the root of the project directory

Filename: index.html

Using webpack, you can bundle your component:

This will create our output file in build directory.

Open the HTML page in a browser to see component in action