Как установить связь между хэшированными html-файлами в веб-пакете - PullRequest
0 голосов
/ 07 ноября 2019

Я настраиваюсь для развертывания нового статического веб-сайта, который я создал. Чтобы иметь возможность выполнять долгосрочное кэширование, я добавил хеширование ко всем именам файлов html, css и js с помощью webpack. Но теперь я запутался, как связать HTML-страницы, так как имена файлов теперь содержат сгенерированные хэши. Есть ли способ автоматически вставить их с помощью html-webpack-plugin, как это происходит с именами файлов css и js в тегах ссылок и сценариев?

Я изначально создал этот сайт, используя только html, css и js, а затем внедрил webpack длябыть в состоянии связать и свернуть.

new HtmlWebpackPlugin({
  template: './src/page-index/index.html',
  inject: true,
  filename: 'index.[hash].html',
  chunks: ['index']
}),
new HtmlWebpackPlugin({
  template: './src/page-ep/ep.html',
  inject: true,
  chunks: ['ep'],
  filename: 'ep.[hash].html',
}),
...