无法在Webpack配置中使用HtmlWebpackPlugin生成index.html

Question

我正在尝试使用HtmlWebpackPlugin生成html， 我的配置文件如下

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'
   },

然后在dist文件夹中生成index.html

但是当我保持住

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

在分隔文件名和路径之后，不会生成它。 我尝试建立到./dist的路径，也尝试如下编写

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

但仍然没有运气。 我知道这个问题仅与路径有关，但是在分别编写路径和文件名的情况下，我到底需要提到什么。

有人可以找出缺少的东西吗？ 在此先感谢！