title: Import non-module vendor script in webpack
body: <p>I'm building an app with the <a href="https://www.airconsole.com/" rel="noreferrer">AirConsole</a> JS service. AirConsole only provides their library as a <code>.js</code> file you would include in your page with the usual:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://www.airconsole.com/api/airconsole-1.6.0.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>However, I'm using Webpack and would like to <code>import</code> the script into my other JS files. I have tried a few methods with no luck:</p>
  
  <ol>
  <li>Create an entry file named <code>vendor</code> which imports the <code>airconsole.js</code> file. This creates a <code>vendor.bundle.js</code> file which I can include on my page</li>
  <li>Add the AirConsole path to my <code>index</code> entry point so the script is included in the <code>bundle.js</code> file. With this method I can verify the AirConsole code is included in the <code>bundle.js</code> file but attempting to create a new instance of <code>AirConsole</code> results in <code>AirConsole</code> is undefined</li>
  </ol>
  
  <p>Am I on the right track with these methods? If not, what is the recommended way to import a non-module <code>.js</code> file? </p>