Incompatible with html-webpack-plugin@5.5.0 when scriptLoading: 'module' is in use

[bj00rn]

When scriptLoading: 'module' introduced in html-webpack-plugin 5.5.0, is in use, both type="module" and nomodule attributes are set on the resulting script tags.

This behaviour defeats the purpose of this plugin since both scripts are executed even on browsers that supports module scripts (at least in Chrome).

https://html.spec.whatwg.org/multipage/scripting.html#attr-script-nomodule

package.json

"webpack": "5.75.0",
"webpack-nomodule-plugin": "1.1.0",
"html-webpack-plugin": "5.5.0",

Example webpack config:

   var NoModulePlugin = require('webpack-nomodule-plugin').WebpackNoModulePlugin;
    // OR for import style
    import {WebpackNoModulePlugin} from 'webpack-nomodule-plugin'
    ...
    entry: {
            app: ['../src/index'],
            deprecatedBrowser: ['../src/deprecatedBrowser'],
    },
    plugins: [
        new HtmlWebpackPlugin({
            inject: 'body',
            template: join(__dirname, './src/index.html'),
            scriptLoading: 'module',
        }),
        new WebpackNoModulePlugin({
            filePatterns: ['deprecatedBrowser.**.js']
        })
    ]

Resulting HTML

<script type="module" src="/app.3b55ae197e23b1c9a94b.js"></script>
<script type="module" src="/deprecatedBrowser.5b62336a361365cf6e2e.js" nomodule=""></script>