title: How do I use babel's `useBuiltIns: 'usage'` option on the vendors bundle?
body: <p>Since I need to support also IE11, I need to transpile also <code>node_modules</code>.</p>
  
  <p>This is the babel config I use on the node_modules:</p>
  
  <pre><code>presets: [
    ['@babel/preset-env', { modules: false, useBuiltIns: 'usage' }],
  ],
  </code></pre>
  
  <p>I use the <code>useBuiltIns</code> options because it was giving an error <code>Symbol is not defined</code>, the polyfill was needed.</p>
  
  <p>However this configuration breaks at compile time, supposedly because it injects some <code>imports</code> in the code, here is the error:</p>
  
  <p><a href="https://i.stack.imgur.com/Lrg0m.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Lrg0m.png" alt="TypeError: Cannot assign to read only property &#39;exports&#39; of object &#39;#&lt;Object&gt;&#39;"></a></p>
  
  <p>Basically it's not liking the <code>module.exports</code>. So how do I use <code>useBuiltIns</code> in the vendors bundle?</p>
  
  <p>For now I solved by always requiring the babel polyfill in the <code>index.html</code>, however this is not ideal.</p>