title: Angular 2/4: what is the difference between the scripts.bundle.js and the vendor.bundle.js?
body: <p>Angular 4: after running the command: <code>ng build</code> I have this structure</p>
  
  <pre><code>0.chunk.js      favicon.ico           polyfills.bundle.js.map
  0.chunk.js.map  index.html            scripts.bundle.js
  1.chunk.js      inline.bundle.js      scripts.bundle.js.map
  1.chunk.js.map  inline.bundle.js.map  styles.bundle.js
  2.chunk.js      main.bundle.js        styles.bundle.js.map
  2.chunk.js.map  main.bundle.js.map    vendor.bundle.js
  assets          polyfills.bundle.js   vendor.bundle.js.map
  </code></pre>
  
  <blockquote>
    <p>What is the difference between the <code>scripts.bundle.js</code> and the <code>vendor.bundle.js</code>?</p>
  </blockquote>
  
  <p>I think difference is, that the <code>scripts.bundle.js</code> holds all external <code>.js</code> files and the <code>vendor.bundle.js</code> holds all created modules.</p>
  
  <p><strong>EDIT</strong></p>
  
  <blockquote>
    <p>but I can import <code>.js</code> files from <code>node_modules</code> into the <code>vendor.bundle.js</code> and the <code>scripts.bundle.js</code>. What the best approach is: importing <code>.js</code> files into modules or adding them into the <code>.angular-cli.json</code>s <code>scripts</code> object?</p>
  </blockquote>
  
  <p><em>~Thanks a lot for your help!</em></p>