<p dir="auto"><strong>Do you want to request a <em>feature</em> or report a <em>bug</em>?</strong><br>
Bug</p>
<p dir="auto"><strong>What is the current behavior?</strong><br>
A bunch of async child chunks in my application require a common dependency (which lives within my repo). The common dependency also has its own 3rd party dependencies (in node_modules). Webpack creates two output chunks which <strong>both</strong> include the 3rd party dependencies:</p>
<ul dir="auto">
<li>childA~childB~childC</li>
<li>vendors~childA~childB~childC</li>
</ul>
<p dir="auto"><strong>If the current behavior is a bug, please provide the steps to reproduce.</strong></p>
<ul dir="auto">
<li>Use default chunk-splitting behavior</li>
<li>Have several async child chunks</li>
<li>Have a large common 1st party (non-node_modules) dependency between those chunks</li>
<li>1st party common dependency has large 3rd party dependencies</li>
</ul>
<p dir="auto"><strong>What is the expected behavior?</strong><br>
The 3rd party code should only be present in one chunk, not both.</p>
<p dir="auto"><strong>Please mention other relevant information such as the browser version, Node.js version, webpack version and Operating System.</strong><br>
Webpack: v4.0.0-beta.0<br>
Node: 8.x</p>
<h2 dir="auto">Feature request</h2>





<p dir="auto"><strong>What is the expected behavior?</strong><br>
When using the default optimization with Webpack 4.8.2, the compiled code should be able to run on Safari 10.</p>
<p dir="auto">However, the default UglifyJs configuration when using the default optimization with Webpack does not allow this to happen.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/8270120/48293125-6cd20100-e432-11e8-995d-f4a6419971d6.png"><img src="https://user-images.githubusercontent.com/8270120/48293125-6cd20100-e432-11e8-995d-f4a6419971d6.png" alt="screen shot 2018-11-09 at 3 15 22 pm" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>What is motivation or use case for adding/changing the behavior?</strong><br>
Some code will error on load on Safari 10.</p>
<p dir="auto"><strong>How should this be implemented in your opinion?</strong><br>
The override that I've specified in my config to prevent this error is:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="      optimization: {
        minimizer: [
          new UglifyJsPlugin({
            cache: true,
            parallel: true,
            uglifyOptions: {
              mangle: {
                safari10: true,
              },
            },
          }),
        ],
      },
"><pre class="notranslate"><code class="notranslate">      optimization: {
        minimizer: [
          new UglifyJsPlugin({
            cache: true,
            parallel: true,
            uglifyOptions: {
              mangle: {
                safari10: true,
              },
            },
          }),
        ],
      },

</code></pre></div>
<p dir="auto"><strong>Are you willing to work on this yourself?</strong><br>
possibly</p>