title: Webpack adds "auto/" to script tags in the built html file
body: <p>So, I'm trying to get this application setup so I can start coding it. But everytime I build the application; webpack automatically adds <code>auto/file.js</code> to the script tags, but it should really be: <code>file.js</code>. So it's adding the <code>auto/</code> part by itself. I've checked every webpack config file, and I cannot understand why it adds the <code>auto/</code> prefix to my scripts.</p>
  <p>Also like to mention this is a ElectronJS project.
  Here are my configurations for webpack.</p>
  <p><strong>webpack.config.js</strong></p>
  <pre><code>const mainConfig = require(&quot;./webpack.main.config&quot;);
  const rendererConfig = require(&quot;./webpack.renderer.config&quot;);
  const config = [mainConfig, rendererConfig];
  module.exports = config;
  </code></pre>
  <p><strong>webpack.base.config.js</strong></p>
  <pre><code>const UglifyJsPlugin = require(&quot;uglifyjs-webpack-plugin&quot;);
  
  const config = {
    plugins: [
      new UglifyJsPlugin({
        test: /\.js($|\?)/i,
        sourceMap: true,
        uglifyOptions: {
          compress: true
        }
      })
    ]
  };
  
  module.exports = config;
  </code></pre>
  <p><strong>webpack.main.config.js</strong>
  const path = require(&quot;path&quot;);
  const merge = require(&quot;webpack-merge&quot;);</p>
  <pre><code>const base = require(&quot;./webpack.base.config&quot;);
  const buildPath = path.resolve(__dirname, &quot;./dist&quot;);
  
  const main = merge(base, {
    entry: &quot;./main.js&quot;,
    output: {
      filename: &quot;main.js&quot;,
      path: buildPath
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: &quot;babel-loader&quot;
        },
      ]
    },
    node: {
      __dirname: false,
      __filename: false
    },
    target: &quot;electron-main&quot;
  });
  
  module.exports = main;
  </code></pre>
  <p><strong>webpack.renderer.config.js</strong> <em>(this is where i think the problem is happening)</em></p>
  <pre><code>const path = require(&quot;path&quot;);
  const merge = require(&quot;webpack-merge&quot;);
  const HtmlWebpackPlugin = require(&quot;html-webpack-plugin&quot;);
  
  const base = require(&quot;./webpack.base.config&quot;);
  const buildPath = path.resolve(__dirname, &quot;./dist&quot;);
  
  const renderer = merge(base, {
    entry: &quot;./src/renderer.js&quot;,
    output: {
      filename: &quot;renderer.js&quot;,
      path: buildPath
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: &quot;./src/index.html&quot;
      })
    ],
    target: &quot;electron-renderer&quot;,
  });
  
  module.exports = renderer;
  </code></pre>
  <p>And after the build, when I open the index.html file from the dist directory, the script tag is like this: <code>&lt;script src=&quot;auto/renderer.js&quot;&gt;&lt;/script&gt;</code> when it should just be <code>&lt;script src=&quot;renderer.js&quot;&gt;&lt;/script&gt;</code></p>
  <p>What could be causing this? Is there any configuration I am missing here?
  Thanks in advance!</p>