title: webpack "cannot find module"
body: <p>Switching from Gulp to Webpack, can't get LESS css to work for some reason</p>
  
  <pre><code>module.exports = {
      entry: {
          web: ['./src/web/ts/index.js']
      },
      output: {
          path: './dev/web/js/',
          filename: 'bundle.js'
      },
      devtool: 'source-map',
      resovle: {
          extensions: ['', '.js'],
          modulesDirectories: ['node_modules']
      },
      module: {
          loaders: [
              {
                  test: /\.less$/,
                  loaders: ['style', 'css', 'less']
              }
          ]
      }
  };
  </code></pre>
  
  <p>this webpack.config.js seems okay, but the styles inside main.less are not copied to the ./dev folder, nor are they injected into the index.html file (I manually copied the file to the ./dev folder, and it was not modified). I tried </p>
  
  <pre><code>require("./src/web/less/main.less");
  </code></pre>
  
  <p>that got me a "Unexpected token" error, I tried </p>
  
  <pre><code>require("!style!css!less!./src/web/less/main.less");
  </code></pre>
  
  <p>that got me a "Cannot find module" error. As I said, removing both I get the bundle.js, but no CSS anywhere.</p>
  
  <p>What's going wrong? Please help!</p>