title: Reducing Lodash imports / bundle sizes via module
body: <p>So I'm going through trying to reduce bundle sizes, starting with one of the common culprits -- Lodash, kind of following this <a href="https://www.blazemeter.com/blog/the-correct-way-to-import-lodash-libraries-a-benchmark" rel="nofollow noreferrer">article</a> as I go because obviously this is not ideal;</p>
  
  <p><a href="https://i.stack.imgur.com/8Srah.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8Srah.png" alt="enter image description here"></a></p>
  
  <p>So I go in and start trying to do the basic task of doing the module imports of just what's actually getting used like going from <code>import * as _ from 'lodash'</code> to <code>import each from 'lodash/each'</code></p>
  
  <p>Except doing that I get as example <code>.../node_modules/@types/lodash/each"' has no default export.</code> Which is confusing, because I see the export in there, I have my @types for it in there showing everything should be fine, but I'm obviously missing some inane detail. Do I have to use <code>lodash-es</code> since my module is <code>es2015</code>? Am I understanding that's why <code>esModuleInterop</code> in the <code>tsconfig</code> set to true will puke at me? Guess I'm just looking for whatever little detail I'm apparently missing.</p>
  
  <p>Angular 6/CLI</p>
  
  <p>Target: es5</p>
  
  <p>Module: es2015</p>