index.html не генерируется с использованием HtmlWebpackPlugin в конфигурации веб-пакета

Question

Я пытаюсь сгенерировать html, используя HtmlWebpackPlugin, мой конфигурационный файл как показано ниже

const HtmlWebpackPlugin = require('html-webpack-plugin')
 module.exports = {
        entry: './src/app.js',
        output: {
                path:'dist',
                filename: 'app.bundle.js'
           },
        plugins: [new HtmlWebpackPlugin()]
        }

когда я держу

output: {
        filename: 'dist/app.bundle.js'
   },

затем index.html генерируется в папке dist

но когда я держу

output: {
        path:'dist',
        filename: 'app.bundle.js'
   },

после разделения имени файла и пути он не генерируется. Я попытался найти путь к ./dist, а также попытался написать, как показано ниже

path: path.resolve(__dirname, 'dist')

но все равно не повезло. Я знаю, что проблема связана только с путем, но как именно мне нужно упомянуть в случае записи пути и имени файла отдельно.

Может кто-нибудь разобрать, чего не хватает? Заранее спасибо !!!