title: less loader for webpack not working
body: <p>I'm trying to use webpack. I can't setup less loader for webpack. When i start webpack it compile js files, but not compile less. I see only "index.html" and "app.js" in dist folder after compile.</p>
  
  <p>My webpack.config.js:</p>
  
  <pre><code>var webpack = require('webpack');
  var ExtractTextPlugin = require('extract-text-webpack-plugin');
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  
  module.exports = {
      entry: {
          'app': './src/scripts/app'
      },
      output: {
          path: './dist',
          filename: `/app.js`,
          chunkFilename: "[id].js"
      },
      resolve: {
          modulesDirectories: ['bower_components', 'node_modules', './src'],
          fallback: ['./public']
      },
      module: {
          loaders: [
              {
                  test: /\.less$/,
                  loader: ExtractTextPlugin.extract(
                      'css?sourceMap!' +
                      'less?sourceMap'
                  )
              }
          ]
      },
      plugins: [
          new ExtractTextPlugin(`[name].css`, {
              allChunks: true
          }),
          new HtmlWebpackPlugin({
              template: './src/index.html'
          })
      ]
  };
  </code></pre>
  
  <p>My project structure:</p>
  
  <pre><code>src
   |-index.html
   |--scripts
   | |-app.js
   |--styles
   | |-app.less
  </code></pre>