Does anyone know how to use absolute pathes to load images in my react app with webpack?

Does anyone know how to use absolute pathes to load images in my react app with webpack? I have try to use file loader with publicPath but it didn't work for me.
my webpack conf:
 

const path = require('path');

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');

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



module.exports = (env, options) => ({

  optimization: {

    minimizer: [

      new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: false }),

      new OptimizeCSSAssetsPlugin({})

    ]

  },

  entry: './js/app.js',

  output: {

    filename: 'app.js',

    path: path.resolve(__dirname, '../priv/static/js'),

    publicPath: 'static'

  },

  module: {

    rules: [

      {

        test: /\.js$/,

        exclude: /node_modules/,

        use: {

          loader: 'babel-loader'

        }

      },

      {

        test: /\.css$/,

        use: [MiniCssExtractPlugin.loader, 'css-loader']

      },

      {

        test: /\.(png|jpg|gif)$/,

        use: [

          {

            loader: 'file-loader',

            options: {

              name: '[path][name].[ext]',

              publicPath: '/my/absolute/path/with/images'

            }

          }

        ]

      }

    ]

  },

  plugins: [

    new MiniCssExtractPlugin({ filename: '../css/app.css' }),

    new CopyWebpackPlugin([{ from: 'static/', to: '../' }])

  ]

});