webpack-merge-and-include-globally icon indicating copy to clipboard operation
webpack-merge-and-include-globally copied to clipboard

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

Open mwoz123 opened this issue 4 years ago • 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 https://github.com/jharris4/html-webpack-tags-plugin/issues/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

mwoz123 avatar Mar 06 '21 21:03 mwoz123

There's a workaround using HtmlWebpackTagsPlugin: https://github.com/markshapiro/webpack-merge-and-include-globally/issues/16#issuecomment-636084353

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

mwoz123 avatar Mar 08 '21 13:03 mwoz123