Обновление с помощью реагирующего маршрутизатора на неиндексированной HTML-странице

Question

Моя проблема в этом ...

У меня есть файл index.html, в котором есть все мои стандартные домашние страницы. Я использую Webpack.

У меня есть другая страница /features.html, которую я реализую с помощью React с маршрутизатором React. Так что я отреагировал только на эту страницу.

Мой компонент выглядит следующим образом

export default class MyAccount extends React.Component {
constructor(props){
    super(props);
}

render(){
    return(
        <div>
             <NavLink exact to="/features.html/test">features</NavLink>
             <Switch>
                 <Route exact path="/features.html/test" component={Test} />
            </Switch>
        </div>
        )
    }
}

Я загружаю html-файл в веб-пакете, вот так

 new HtmlWebpackPlugin({
        template: './src/pug/features.pug',
        filename: "./features.html",
        inject: true,
        alwaysWriteToDisk: true,
    }),

Это работает. Вроде, как бы, что-то вроде. Если я нажму на навигационную ссылку, меня перенаправят на localhost:8080/features.html/test

И я вижу свой компонент. Однако обновление этой страницы возвращает меня к index.html, и я больше не вижу свой компонент.

У меня есть historyApiFallback:true, установленный в моем webpack.config. Удаление этой ошибки выдает ошибку, когда я пытаюсь нажать на ссылку выше.

Мой публичный путь также установлен на publicPath:'/'

Есть ли какое-нибудь обновление, которое вернет меня на страницу, на которой я был?