webpack-merge-and-include-globally
webpack-merge-and-include-globally copied to clipboard
integrate (export chunk names for) html-webpack-plugin`?
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
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