title: Reduce Lodash in bundle using 'lodash-es' and create-react-app
body: <p>I am a novice when it comes to webpack, and I have always relied on the out-of-the-box capabilities of tools like create-react-app when it comes to build processing. However, I am just now starting to "try" and get more into things - so please forgive my novice understanding.</p>
  
  <p>We are using Lodash throughout our application, and we are trying to ensure we only import what we need. From what I have seen, there are 2 ways to import:</p>
  
  <ol>
  <li><code>import assign from 'lodash/assign';</code></li>
  <li><code>import {assign} from 'lodash-es';</code></li>
  </ol>
  
  <p>I personally prefer the second option, because you can combine all of your imports into a single line if you are using multiple Lodash functions.</p>
  
  <p>So I installed the lodash-es library, removed lodash from my package.json, updated all of the imports, and then ran a clean build. However, when I use source-map-explorer to view the bundle, I am seeing references to <code>lodash-es</code> as well as <code>lodash</code> even though I do not have lodash listed in my package.json. I assume it is because it is shipped somewhere in create-react-app. See my source map below...</p>
  
  <p><em>Example Sourcemap using <code>import {assign} from 'lodash-es'</code> convention</em>
  <a href="https://i.stack.imgur.com/ttQzv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ttQzv.png" alt="enter image description here"></a></p>
  
  <p>I assumed this was a bad thing, and thought that I was probably "double importing" lodash functions that are already being used/imported in create-react-app. So I tried using option 1. to do my imports. However, to my surprise, it actually appears that the the total size of the application is larger and the size of lodash imports is actually ~3k more than when using option 2!</p>
  
  <p><em>Example Sourcemap using <code>import assign from 'lodash/assign'</code> convention</em>
  <a href="https://i.stack.imgur.com/Ea5it.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ea5it.png" alt="enter image description here"></a></p>
  
  <p>So my question is - Am I interpreting the sourcemap correctly in that lodash-es is actually a more efficient way to import, and "double-importing" isn't actually a risk. Or is option 1 convention the best way to approach imports with lodash?</p>