Guard against order with `html-webpack-plugin` always triggers

[posva]

Hi,

It seems that the error about ordering this plugin after HTMLWebpackPlugin always triggers no matter the order:

const HtmlWebpackPlugin = require('html-webpack-plugin')
const HTMLInlineCSSWebpackPlugin = require('html-inline-css-webpack-plugin')
  .default
const path = require('path')

module.exports = () => {
  /** @type {import('webpack').Configuration} */
  const config = {
    entry: path.resolve(__dirname, './index.js'),
    mode: 'production',

    plugins: [
      new HtmlWebpackPlugin(),
      new HTMLInlineCSSWebpackPlugin(),
    ],
  }

  return config
}

[runjuu]

Hi @posva , can you provide a minimal demo that can produce the issue?

[posva]

Sure, I realized it happens with the beta version of html webpack plugin: https://github.com/posva/webpack-css-inline-report

[runjuu]

Seems the beta version of html-webpack-plugin are using a new way to executes tapable hooks. I will fix the issue ASAP.

[posva]

I'm glad you find the culprit!
No rushes, whenever you find the time :)

[runjuu]

Hi @posva , I fixed the issue at 1.8.0. Let me know if there is any problem

[posva]

Seems to be working perfectly