title: webpack cannot resolve c3.js from Bower: what's wrong?
body: <p>I'm trying to <code>require("c3");</code> c3.js chars library with webpack from bower_components, but webpack refuses to do so . I exported many other libraries from bower successfully and can't imagine, what is wrong with this library:</p>
  
  <pre><code>require("expose?$!expose?jQuery!jquery");
  require("metisMenu/dist/metisMenu");
  require("iCheck/icheck");
  require("expose?_!lodash"); // was underscore
  var d3 = require("d3");
  </code></pre>
  
  <p>Those libraries load fine, but this one crashes:</p>
  
  <pre><code>var c3 = require("c3");
  
  Module not found: Error: Cannot resolve module 'c3' in /home/bob/Documents/...
  </code></pre>
  
  <p>Here's the related piece of webpack.config.js:</p>
  
  <pre><code>plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin(),
      new webpack.ResolverPlugin(
          new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"])
      ), // bower; see: https://github.com/webpack/docs/wiki/usage-with-bower
      new ExtractTextPlugin("app.[hash:7].css"),
      new HtmlWebpackPlugin({
          inject: "body",
          template: "app/index.html",
          filename: "index.html"
      }),
  </code></pre>
  
  <p>So, loading from bower is set up as recommended and works fine in other cases.</p>
  
  <p>I noticed that <code>c3</code> has multiple files in <code>bower.json</code> main section:</p>
  
  <pre><code>"main": [
    //    "c3.css",
    "c3.js"
  ],
  </code></pre>
  
  <p>So I commented-out <code>c3.css</code> for tests. Still, no good.</p>
  
  <p>What could be the reason of this bug?</p>