Compiling less with webpack
<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>