title: webpack-bundle-analyzer Interpretation of Bundle Report
body: <p>I am trying to understand what I can do to optimize my Angular (4+) app that is being bundled using Webpack. I was smart enough to follow <a href="https://coryrylan.com/blog/analyzing-bundle-size-with-the-angular-cli-and-webpack" rel="nofollow noreferrer">this tutorial</a> to generate a useful bundle report from my production build, however, I don't quite understand what the report is showing me.</p>
  
  <p>Here's a screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/fkecT.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fkecT.jpg" alt="enter image description here"></a></p>
  
  <p>It looks like <code>aws-sdk.js</code> is being duplicated in at least three bundles, and the <code>tinymce.js</code> stuff is in a couple separate bundles... does this mean I am importing the third-party node_modules in an inefficient way?</p>
  
  <p>Also, the <code>material.es5.js</code> file (the angular material design module) is in a few modules... what's up with that? It's true that I am importing the material design module into multiple lazy-loaded modules, but I thought Angular was <a href="https://angular.io/guide/ngmodule-faq#what-if-i-import-the-same-module-twice" rel="nofollow noreferrer">smart enough not to duplicate code</a>?</p>
  
  <p>Any advice or insight is greatly appreciated.</p>