title: How to get images in webpack production?
body: <p>There is no images in the production folder. is there any simple way to fix the issue in webpack config ? </p>
  
  <p><strong>packaage.json</strong></p>
  
  <pre><code>"scripts": {
    "start": "npm run build",
    "build": "webpack -d &amp;&amp; cp src/index.html dist/index.html &amp;&amp; webpack-dev-server --content-base src/ --inline --hot --history-api-fallback",
    "build:prod": "webpack -p &amp;&amp; cp src/index.html dist/index.html"
  },
  </code></pre>
  
  <p><strong>webpack.config.js</strong></p>
  
  <pre><code>const webpack = require('webpack');
  const path = require('path');
  const ExtractTextPlugin = require('extract-text-webpack-plugin');
  const CleanWebpackPlugin = require('clean-webpack-plugin');
  
  const extractPlugin = new ExtractTextPlugin({
      filename: '[name].css'
  });
  const DIST_DIR = path.resolve(__dirname, 'dist');
  const SRC_DIR = path.resolve(__dirname, 'src');
  
  const config = {
      entry: SRC_DIR + '/App.js',
      output: {
          path: DIST_DIR,
          filename: 'bundle.js'
      },
      module: {
          loaders: [
              {
                  test: /\.jsx?/,
                  exclude: /node_modules/,
                  include: SRC_DIR,
                  loader: 'babel-loader',
                  query:{
                      presets: ['es2015']
                  }
              },
              {
                  test: /\.scss$/,
                  use: extractPlugin.extract({
                      use: [
                          {
                              loader: 'css-loader',
                          },
                          {
                              loader: 'postcss-loader',
                              options: {
                                  plugins: (loader) =&gt; [
                                      require('autoprefixer')({
                                          browsers: ['last 2 version']
                                      }),
                                      require('postcss-flexbugs-fixes')(),
                                      require('css-mqpacker')
                                  ]
                              }
                          },
                          {
                              loader: 'sass-loader',
                          }
                      ]
                  })
              },
              {
                  test: /\.(jpeg|png)$/,
                  use: [
                      {
                          loader: 'file-loader',
                          options: {
                              name: '[name].[ext]',
                              outputPath: 'img/',
                              publicPath: 'img/'
                          }
                      }
                  ]
              },
              {
                  test: /\.(woff2?|svg)$/,
                  use: 'url-loader?limit=10000&amp;name=fonts/[name].[ext]'
              },
              {
                  test: /\.html$/,
                  use: ['html-loader']
              }
          ]
      },
      plugins:[
          extractPlugin,
          new CleanWebpackPlugin(['dist'])
      ]
  };
  
  module.exports = config;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/c7x5I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c7x5I.png" alt="enter image description here"></a></p>