如何告诉 Webpack 将 html-webpack-plugin 的生成文件名用于 React 组件内的 href 属性？

问题描述

我正在使用 html-webpack-plugin 生成我的 HTML 文件；它使用 contenthash 来命名文件。

const htmlWebpackPluginConfig = new HtmlWebpackPlugin({
  chunks: ['product'],filename: 'pages/product/product.[contenthash].html',template: './pages/product/index.html'
});

在我的 react 组件中，我渲染了一些链接，这些链接将指向上面提到的 HTML 文件。并且由于插件捆绑时 HTML 将位于具有不同名称的不同目录中，我不知道如何在 href 属性中引用它，以便 webpack 将其更改为生成的 HTML 文件。

<a href="../pages/product/index.html"></a>

如果它是图像等的 src 属性，我只需导入图像，webpack 会处理它。但我不知道这将如何处理由插件生成的 HTML 文件。

当然我可以在构建后手动更改它，但我正在寻找一种更有效的方法。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）