title: Compiling less with webpack
body: <p>I want to add a very basic less file to my <a href="https://github.com/pbrianmackey/uiexperiment" rel="nofollow noreferrer">project</a> on github (see <a href="https://github.com/pbrianmackey/uiexperiment/commit/71cce2b73a387ca5019bc600ca55a2c24f5093b8" rel="nofollow noreferrer">this commit</a>).</p>
  <h3>style.less</h3>
  <pre class="lang-css prettyprint-override"><code>body {
    background-color: red;
  }
  </code></pre>
  <h3>webpack.config.js</h3>
  <pre class="lang-js prettyprint-override"><code>{
      test: /\.less$/,
      loaders: ['style', 'css', 'less']
  }
  </code></pre>
  <h3>Command line build command</h3>
  <pre class="lang-sh prettyprint-override"><code>webpack --config webpack.config.js -d
  </code></pre>
  <h3>Index.html</h3>
  <pre class="lang-html prettyprint-override"><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;css/bundle.less&quot; /&gt;
  </code></pre>
  <p>I expected the deployment folder to now contain bundle.css which contains the contents of my less file.  This did not happen.</p>
  <p>How do I setup webpack to compile my less?</p>