Загрузка пакетов веб-пакетов с скрытыми именами файлов

Question

Это может быть глупый вопрос, я хочу загружать пакеты веб-пакетов с хэшированными именами файлов без постоянной настройки -tag

Так что в моем index.html я хотел бы написать

<script src="/app.js"></script>

, который загружает что-то вроде /app.a76gs0ad5dh45sdh9aa.js.

Я мог бы использовать HtmlWebpackPlugin для создания файла index.html, но я хочу знать, есть ли другой способ сделать это?

Я пытался использовать webpack-manifest-plugin, но это не работает. (Может быть, я ошибаюсь)

Конфигурация моего веб-пакета

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CleanWebpackPlugin = require('clean-webpack-plugin')
const ManifestPlugin = require('webpack-manifest-plugin')

module.exports = {
  entry: {
    app: './src/index.js'
  },
  plugins: [
    new CleanWebpackPlugin(['dist']),
    new ManifestPlugin(),
    // new HtmlWebpackPlugin({
    //   title: 'Caching'
    // })
  ],
  output: {
    filename: '[name].[chunkhash].js',
    path: path.resolve(__dirname, 'dist')
  }
}