markshapiro/webpack-merge-and-include-globally

integrate (export chunk names for) html-webpack-plugin`?

Opened this issue · 1 comments

I'm trying to add (generated by webpack-merge-and-include-globally) legacy js ( es5-legacy-global-script.<hash>.js:) file to my index.html

My config

new MergeIntoSingleFilePlugin({
        files: {
            "es5-legacy-global-script.js": [
// dozens of legacy js files here
            ],
        },
        transformFileName: (fileNameBase, extension, hash) => isProd ? `${fileNameBase}.${hash}${extension}` : `${fileNameBase}${extension}`,

I tried to use https://github.com/jharris4/html-webpack-tags-plugin

new HtmlWebpackTagsPlugin({ scripts: [{ glob: 'es5-legacy-global-script*.js', globPath: 'dist',  path:''}] });

but it works only when previusly such file (es5-legacy-global-script.<hash>.js) exist in dist folder

More over developer of html-webpack-tags-plugin said that his plugin should be used for generating index.html tags for copied files, and asked why webpack-merge-and-include-globally doesn't integrate with html-webpack-plugin by adding its (webpack-merge-and-include-globally) chunks to html-webpack-plugin ? see jharris4/html-webpack-tags-plugin#69

Good question can webpack-merge-and-include-globally integrate with html-webpack-plugin ?
might be usefull https://github.com/jantimon/html-webpack-plugin#events

There's a workaround using HtmlWebpackTagsPlugin: #16 (comment)

but it would be nice to have it integrated with html-webpack-plugin