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 fact, I had to put :

output.publicPath: './';

in order to have it working in a non-ROOT path. At the same time I was injecting :

   baseUrl: './'

into

With both parameter set, it worked like a charm.