Синхронизация браузера не выполняет повторную визуализацию частичных файлов EJS

Я использую Browser Sync с Webpack и Express для разработки простого веб-сайта с использованием шаблонов EJS. Все работает нормально, за исключением того факта, что синхронизация браузера, похоже, не отображает недавно обновленные частичные части EJS при перезагрузке браузера.

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

Я попытался использовать несколько путей, которые варьируются от **/*.ejs до прямой установки папок с использованием массива, как показано ниже:

        new BrowserSyncPlugin({
            files: ['src/views/pages/index.ejs', 'src/views/pages/partials/header.ejs'],
            proxy: `https://localhost:${process.env.PORT}`
        }),

У меня есть ощущение, что это может быть какой-то конфликт с синхронизацией браузера, плагином Html Webpack или загрузчиком EJS Webpack. Соответствующие строки конфигурации приведены ниже:

        new BrowserSyncPlugin({
            files: ['src/views/pages/index.ejs', 'src/views/pages/partials/header.ejs'],
            proxy: `https://localhost:${process.env.PORT}`
        }),
        new HtmlWebpackPlugin({
            template: 'ejs-webpack-loader!src/views/pages/index.ejs',
            filename: 'index.html',
            domain: process.env.DOMAIN
        }),

И, чтобы дать некоторый контекст, файл header.ejs включен следующим образом:

        <%- include partials/header.ejs %> 

Я предполагаю, что это как-то связано с одним из загрузчиков, поскольку синхронизация браузера фактически замечает изменения и перезагружает страницу. Загрузчик просто не включает повторный рендеринг. Однако, если я внесу прямое изменение в index.ejs, оно фактически повторно отобразит изменение.

Заранее спасибо.

РЕДАКТИРОВАТЬ:

Конфигурация моего сервера Express выглядит следующим образом:

require('dotenv').config({path: './.env'});
const express = require('express');
const app = express();
const WebpackDevMiddleware = require('webpack-dev-middleware');
const https = require('https');
const fs = require('fs');
const config = require('../webpack.dev');
const helmet = require('helmet');
const webpack = require('webpack');
const compiler = webpack(config);

const {
    SSL_CERT,
    SSL_KEY,
    SSL_PW,
    PORT
} = process.env;
const httpsOptions = {
    key: fs.readFileSync(SSL_KEY),
    cert: fs.readFileSync(SSL_CERT),
    passphrase: SSL_PW
};
const secureServer = https.createServer(httpsOptions, app);
app.use(helmet());

app.use(WebpackDevMiddleware(compiler, {
    publicPath: config.output.publicPath,
    reload: true
}));

const listener = secureServer.listen(PORT, () => console.log(`Connected on ${listener.address().port}`));

Еще одно замечание: если я сохраню index.ejs, он отобразит изменения, внесенные в дочерние элементы.