title: [New to webpack]autoprefix problem with webpack manifest plugin
body: <p>I tried to use webpack manifest plugin to build manifest.json file that has keys and values of my assets with contenthash in its name, but it include prefix &quot;auto&quot; in value and my index.html has the href and src with prefix keyword &quot;auto&quot; in path also. And It's not working in testing server because It can't locate the real files. How could i fix this?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const path = require('path');
  const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
  const TerserJSPlugin = require('terser-webpack-plugin');
  const {
    CleanWebpackPlugin
  } = require('clean-webpack-plugin');
  const {
    WebpackManifestPlugin
  } = require('webpack-manifest-plugin');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  module.exports = {
    //watch: true,
    mode: "production",
    devtool: "eval-cheap-module-source-map",
    entry: {
      application: "./src/index.js",
      admin: './src/admin.js'
    },
    output: {
      filename: "[name]-[contenthash].js",
      path: path.resolve(__dirname, 'build')
    },
    optimization: {
      minimizer: [
        new TerserJSPlugin({}),
        new OptimizeCssAssetsPlugin({})
      ]
    },
    module: {
      rules: [{
          test: /\m?js$/,
          exclude: '/(node_modules|bower_components)/',
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env']
            }
          }
        },
        {
          test: /\.css$/i,
          use: [
            //'style-loader',
            {
              loader: MiniCssExtractPlugin.loader,
              options: {
                publicPath: ''
              }
            },
            {
              loader: 'css-loader',
              options: {
                importLoaders: 1
              }
            }, {
              loader: 'postcss-loader',
              options: {
                postcssOptions: {
                  plugins: [
                    require('autoprefixer')({
                      overrideBrowserslist: ['last 3 versions', 'ie &gt;9']
                    })
                  ]
                }
              }
            }
          ]
        },
        {
          test: /\.scss$/i,
          use: [
            //'style-loader',
            {
              loader: MiniCssExtractPlugin.loader,
              options: {
                publicPath: ''
              }
            },
            {
              loader: 'css-loader',
              options: {
                importLoaders: 1
              }
            },
            {
              loader: 'postcss-loader',
              options: {
                postcssOptions: {
                  plugins: [
                    require('autoprefixer')({
                      overrideBrowserslist: ['last 3 versions', 'ie &gt;9']
                    })
                  ]
                }
              }
            }, 'sass-loader'
          ]
        },
        {
          test: /\.(png|jpg|gif|svg)$/i,
          use: [{
              loader: 'url-loader',
              options: {
                limit: 8192,
                name: '[name].[hash:7].[ext]'
              }
            },
            {
              loader: 'image-webpack-loader'
            }
          ]
        },
        {
          test: /\.html$/,
          loader: 'html-loader'
        },
        {
          test: /\.ejs$/,
          loader: 'ejs-loader',
          options: {
            variable: 'data',
            interpolate: '\\{\\{(.+?)\\}\\}',
            evaluate: '\\[\\[(.+?)\\]\\]'
          }
        }
      ]
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: './src/template.html'
      }),
      new WebpackManifestPlugin({
  
      }),
      new CleanWebpackPlugin(),
      new MiniCssExtractPlugin({
        filename: "[name]-[contenthash].css"
      })
    ]
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>Manifest.json {
    "application.css": "autoapplication-4a5eb857061be614f4b2.css", "application.js": "autoapplication-b35460853f853e901d54.js", "application.jpg": "autobooks.df4be51.jpg", "admin.css": "autoadmin-4a5eb857061be614f4b2.css", "admin.js": "autoadmin-00cdbe24c96699757b97.js", "admin.jpg": "autobooks.df4be51.jpg", "books.jpg": "autobooks.df4be51.jpg"
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en" dir="ltr"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;My Custom template&lt;/title&gt;
    &lt;link href="auto/application-4a5eb857061be614f4b2.css" rel="stylesheet"&gt;
    &lt;link href="auto/admin-4a5eb857061be614f4b2.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;p style="background:white"&gt;Test Template&lt;/p&gt;
    &lt;script src="auto/application-b35460853f853e901d54.js"&gt;&lt;/script&gt;
    &lt;script src="auto/admin-00cdbe24c96699757b97.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>