title: How to include script to head in angular.json
body: <p>I would like to import <code>aframe</code> in the <code>&lt;head&gt;</code> tag using the <code>angular.json</code> config as a separate bundle.</p>
  
  <p>Inside <code>angular.json</code> I have the script to import from my node_modules:</p>
  
  <pre><code>"scripts": [
      "node_modules/aframe/dist/aframe-v1.0.0.min.js"
  ]
  </code></pre>
  
  <p>This is bundled and imported at the bottom on the html body.</p>
  
  <pre><code>&lt;body&gt;
      &lt;app-root&gt;&lt;/app-root&gt;
      ...
      &lt;script src="scripts.js" ...&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>This is not desirable as the library specifically requests that I import in the <code>&lt;head&gt;</code>.</p>
  
  <p>Additionally, I would like to import it as a separate bundle:</p>
  
  <pre><code>"scripts": [
    { "input": "node_modules/aframe/dist/aframe-v1.0.0.min.js", "bundleName": "aframe-v1.0.0.min" }
  ]
  </code></pre>