title: Move from bower to npm and webpack
body: <p>My app has a MEAN stack (mongodb + express + angular 1 + nodejs). I'm using webpack + npm + bower to build and run, and am trying to shift bower to npm completely. I followed the tutorial here: <a href="https://medium.com/netscape/bye-bye-bower-or-how-to-migrate-from-bower-to-npm-and-webpack-4eb2e1121a50" rel="nofollow noreferrer">https://medium.com/netscape/bye-bye-bower-or-how-to-migrate-from-bower-to-npm-and-webpack-4eb2e1121a50</a> which was quite helpful but I realised my frontend dependencies aren't getting their dependencies installed, e.g. <code>angular-animate.js</code> complains that <code>angular.js</code> is not found. </p>
  
  <p>By following the tutorial above, the way I did it was:</p>
  
  <ol>
  <li>Find the npm equivalent of all my bower files and add them to <code>package.json</code> to install my frontend dependencies now in <code>node_modules</code>.</li>
  <li>Shift the frontend dependencies from <code>node_modules</code> to <code>public/lib</code>. I did so by using Webpack's <code>CopyWebpackPlugin</code> to move files defined from an <code>assets.js</code> file. </li>
  <li>Manually define an <code>assets.js</code> with all the <code>.js</code> and <code>.css</code> files I want to copy over. I just copied over the minified versions and did not copy over source maps, the <code>bower.json</code> or <code>package.json</code> present in these dependencies. (could this be the reason why my dependencies aren't getting their dependencies installed?)</li>
  <li>Run <code>webpack</code> to build then <code>node server.js</code> to start up the server, after which I get all those errors where my frontend dependencies can't find their dependencies.</li>
  </ol>
  
  <p>The tutorial above seemed accurate, but none of the frontend dependencies mentioned had their own dependencies. How do I handle such libraries? Do I have to manually run <code>npm install</code> and <code>bower install</code> on these frontend dependencies?</p>