webpack - splitting vendor and global application code
<p>I'm using webpack and am looking to be able to split my code into the following bundles:</p>

<ol>
<li>Vendor code e.g. all globally used packages</li>
<li>Global application code e.g. code shared by at least x number of modules across the application</li>
<li>Page specific bundles</li>
</ol>

<p>So far I have managed to separate page specific bundles from vendor and global application code using the common chunks plugin:</p>

<pre><code> new webpack.optimize.CommonsChunkPlugin({
        filename: 'common.bundle.js',
        minChunks: 20
      }),
</code></pre>

<p>However I want to be able to split this common bundle into vendor.bundle.js and global.app.bundle.js</p>

<p>Can anyone point me in the right direction to do this, alot of the examples are purely about splitting vendor and app.</p>

<p>Thanks in advance</p>