关于express+webpack中返回模版遇到的问题

Question

新手小白开始自己使用express + webpack搭建，遇到下面一个问题：前端通过webpack-dev-middleware将文件打包存在output/目录下面，如果要通过express返回模版,我想的是这样去设置

app.set('view engine', 'hbs');
app.set('view', path.resolve(__dirname, '../output'));

...
res.render('index', {
    title: 'hello world',
})

发现如果这么去设置之后会出现不存在该文件夹，参考别人的写法，改成下面的写法就可以了：

 app.get('*', function (req, res) {
        res.write(middleware.fileSystem.readFileSync(path.join(__dirname, '../output/index.html')));
        res.end();
 });

想明白这两种写法有什么区别呢，为什么方法一不行？谢谢各位

Answer 1

模板引擎用的不对，app.set('view engine', 'html');，具体可参考express 官方文档的 app.engine;)

Answer 2

报错信息：