Webpack - 编译把手和输出html

Question

我开始使用webpack并且已经设法在webpack中获得我的所有开发设置。唯一剩下的就是编译把手文件并发出静态html文件 具体来说，我想在'./src/templates/*.hbs'中查看任何文件中的更改并在'./public/[name].html'中发出html。

感谢您的任何建议。

*编辑 - 无法弄清楚如何在评论中格式化代码，所以这里是

目前我正在尝试HtmlWebpack插件加载.hbs模板并通过handlebars-loader处理它，但它只适用于一个文件，所以我试图找到一种方法如何将它用于所有文件在一个文件夹中。

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    /* ... omitted Entry and output */
    module: {
        rules: [
            {
                test: /\.hbs$/,
                use: ['handlebars-loader'],
            },
        ],
    },
    plugins: [
        new HtmlWebpackPlugin({
            title: 'My Test',
            filename: 'index.html',
            template: 'src/templates/index.hbs',
        }),
    ],
};