Html-webpack-plugin: use contenthash instead of hash

Created on 27 Mar 2020 · 8Comments · Source: jantimon/html-webpack-plugin

I want to insert a content hash instead of hash AFTER '?'

<link href="main.css?[contenthash but not hash]" rel="stylesheet">
<script src="main.js?[contenthash but not hash]"></script>

Maybe config like this:

new HtmlWebpackPlugin({
    // hash: true,
    hash: 'contenthash',
}),

Because...
I used to append a content hash like this:

module.exports = {
  ...
  entry: './src',
  output: {
    filename: '[name].js?[contenthash]',
  },
  ...
}

with [email protected] it works fine

<html>
  <head>
    <meta charset="UTF-8">
    <title>Webpack App</title>
  </head>
  <body>
  <script src="main.js?803bc3411f4f1d2447c9"></script>
  </body>
</html>

but with [email protected] it inject nothing into body

<html>
<head>
  <meta charset="utf-8">
  <title>Webpack App</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body></body>
</html>

Remark: [email protected] could work when config like this

module.exports = {
  ...
  entry: './src',
  output: {
    filename: '[name].[contenthash].js',
  },
  ...
}

<html>
  <head>
    <meta charset="UTF-8">
    <title>Webpack App</title>
  </head>
  <body>
  <script src="main.803bc3411f4f1d2447c9.js"></script>
  </body>
</html>

But this is not what I want.

wontfix

Source

foyzhao

👍3

Most helpful comment

I will try to bring back the same behaviour as in 3.2 for details please see #1355

jantimon on 30 Mar 2020

👍2

All 8 comments

Why filename: '[name].js?[contenthash]' is not work for inject now? Will it be fixed?

zamanruhy on 29 Mar 2020

Filenames should not contain question marks.

You could try [name].[hash].js

jantimon on 29 Mar 2020

Filenames should not contain question marks.

You could try [name].[hash].js

I prefer to put the hash in the query string rather than the filename.

foyzhao on 30 Mar 2020

❤1

Same as:

1367

1346

1355

jantimon on 30 Mar 2020

I have reported this issue here: https://github.com/webpack/webpack/issues/10638

jantimon on 30 Mar 2020

I don't want to put a question mark in filename either, so I want to know if there is a way to replace the hash with contenthash, as mentioned at the beginning of this issue, something like add an option to the hash attribute.
hash: {Boolean|String}
Can it be implemented as a feature in the next release?

foyzhao on 30 Mar 2020

I will try to bring back the same behaviour as in 3.2 for details please see #1355

jantimon on 30 Mar 2020

👍2

This issue had no activity for at least half a year. It's subject to automatic issue closing if there is no activity in the next 15 days.