title: WebPack: How to look both for bower.json and .bower.json
body: <p>I have been able to get webpack to look for components inside <code>bower_components</code>. I'm running in to issues when a bower component only includes <code>.bower.json</code> and not a <code>bower.json</code> file (notice that the first filename is preceded by a <code>.</code>).</p>
  
  <p>A simplified version of my <code>webpack.config.js</code> file looks as follows:</p>
  
  <pre><code>var ResolverPlugin = require('webpack/lib/ResolverPlugin');
  
  // webpack configuration
  module.exports = {
      entry: {
          app: 'app.js'
      },
      output: {
          filename: '[name].js'
      },
      resolve: {
          modulesDirectories: ['node_modules', 'web_modules', 'bower_components', 'static']
      },
      plugins: [
          new ResolverPlugin(
              new ResolverPlugin.DirectoryDescriptionFilePlugin('bower.json', ['main'])
          )
      ]
  };
  </code></pre>
  
  <p>I'm trying to use <a href="http://bower.io/search/?q=jquery.selectBoxIt" rel="nofollow">jquery.selectBoxIt</a> as a bower component. Another issue might be that its lacking a <code>main</code> field in its <code>.bower.json</code> file. For what it's worth, I've included that file below:</p>
  
  <pre><code>// .bower.json
  
  {
    "name": "jquery.selectBoxIt",
    "homepage": "https://github.com/gfranko/jquery.selectBoxIt.js",
    "version": "3.8.1",
    "_release": "3.8.1",
    "_resolution": {
      "type": "version",
      "tag": "v3.8.1",
      "commit": "ffa615b25ebf4fac392726b17c857d429acf244c"
    },
    "_source": "git://github.com/gfranko/jquery.selectBoxIt.js.git",
    "_target": "~3.8.1",
    "_originalSource": "jquery.selectBoxIt",
    "_direct": true
  }
  </code></pre>