How to load image files with webpack file-loader

Question

I am using webpack to manage a reactjs project. I want to load images in javascript by webpack file-loader. Below is the

Answer 1

Alternatively you can write the same like

{
    test: /\.(svg|png|jpg|jpeg|gif)$/,
    include: 'path of input image directory',
    use: {
        loader: 'file-loader',
        options: {
            name: '[path][name].[ext]',
            outputPath: 'path of output image directory'
        }
    }
}

and then use simple import

import varName from 'relative path';

and in jsx write like

.... are for other image attributes