Open Layers with NPM and Webpack
<p>I'm trying to import Open Layers 3 into my application using NPM and Webpack for bundling, but I am receiving the error and the map not rendering:</p>

<blockquote>
  <p>./~/openlayers/dist/ol.js Critical dependencies: 567:411-418 This
  seems to be a pre-built javascript file. Though this is possible, it's
  not recommended. Try to require the original source to get better
  results.  @ ./~/openlayers/dist/ol.js 567:411-418</p>
</blockquote>

<p>Importing Open Layers using:</p>

<pre><code>import ol from 'openlayers';
</code></pre>

<p>I've tried to use the <code>noParse</code> option in in Webpack: <code>noParse: /dist\/ol.js/</code> with no luck.</p>

<p>How to use Open Layers with NPM and Webpack?</p>