加载带有hased文件名的webpack包

Question

这可能是一个愚蠢的问题，我想加载带有散列文件名的webpack包，而不是一直调整-tag

所以在我的index.html中我想写

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

加载/app.a76gs0ad5dh45sdh9aa.js.

之类的内容

我可以使用HtmlWebpackPlugin生成index.html文件，但我想知道还有其他方法吗？

我曾尝试使用webpack-manifest-plugin，但这不起作用。 （可能是我错了）

我的webpack配置

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')
  }
}