How to load images through webpack when using HTMLWebpackPlugin?

Question

I am using HTMLWebpackPlugin and in my template I have an img tag:

If you notice, here I am using a r

Answer 1

You should use the CopyWebpackPlugin.

const CopyWebpackPlugin = require('copy-webpack-plugin');

plugins:[
    ....
    new CopyWebpackPlugin([
         {from:'./src/assets/images',to:'images'} 
     ]),
    ....
]

This is copy the src/assets/images to your `distfolder/images'.