HtmlWebpackPlugin injects relative path files which breaks when loading non-root website paths

Question

I am using webpack and the HtmlWebpackPlugin to inject bundled js and css into an html template file.

new HtmlWebpackPlugin({
   template: \'client/index.tpl         


        

Answer 1

in webpack config

config.output.publicPath = ''

in your index.html

this should do it.