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

Install file loader first:

$ npm install file-loader --save-dev

And add this rule in webpack.config.js

           {
                test: /\.(png|jpg|gif)$/,
                use: [{
                    loader: 'file-loader',
                    options: {}
                }]
            }