服务器端包括使用browserSync SSI和gulp？

我在获取服务器端包含以使用browserSync和browserSync ssi时遇到问题。我试图使用includes将默认的页眉和页脚文件粘贴到每个页面中

gulpfile.js：

 var browserSync = require('browser-sync').create();
 var ssi = require('browsersync-ssi');    

 gulp.task('serve', function(done) {
  browserSync({
    server: {
    baseDir: ['./template'],
       middleware: ssi({
          baseDir: __dirname + '/template',
          ext: '.shtml',
          version: '1.4.0'
       })
    },
});

在my/template文件夹中，我有两个文件：

page.html包含：

    <!--#include virtual="./header.shtml" -->

和header.shtml，其中包含一些HTML标记

根据这些例子，这应该行得通，有人能指出我哪里出了问题吗？是否有更简单或不同的方法将页眉\页脚插入每个页面