В чем проблема с этими относительными путями в webpack.config.js в React JS?

Question

Я добавил webpack.config.js для моего проекта. Это вот так.

const webpack = require ('webpack');

var config = {
    entry: './src/index.js',
    output: {
        path: __dirname,
        filename: './public/js/bundle.js'
    }
};

module.exports = config;

Я пытался запустить проект с npm start но bundle.js не генерирует никакого контента.

Файловая структура такая.

/node_modules
/public
/public/index.html
/public/js/bundle.js
/src/index.js
/src/components
/webpack.config.js

Проект запускается обычным способом, но в bundle.js нет содержимого. В чем будет проблема?