search

markshapiro / webpack-merge-and-include-globally

Merge multiple files (js, css..) and include by running them "as is". Supports minify by custom transform and wildcard paths.
MIT License
102 stars 27 forks source link

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

Open mwoz123 opened 3 years ago

mwoz123 commented 3 years ago

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 commented 3 years ago

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