title: use LESS in webpack and es6
body: <p>I'm following a lecture on <a href="https://www.youtube.com/watch?v=v3PNhMk4MWg" rel="noreferrer">Angular With Webpack</a>.<br/>
  I am trying to add the <strong>less loader</strong> and keep getting an error.<br/></p>
  
  <pre><code> ERROR in ./src/app.js
  Module not found: Error: Cannot resolve 'file' or 'directory' ../style.less in  D:\projects\dev\webpack-angular-demo/src
   @ ./src/app.js 3:0-24
  </code></pre>
  
  <p>My <strong>webpack.config.js</strong> is :<br/></p>
  
  <pre><code>module.exports = {
      context: __dirname + '/src',
      entry:'./app.js',
      module:{
          loaders:[
              {
                  //create working environment for es6 need to npm i babel-loader babel-core babel-preset-es2015 -D
                  //https://github.com/babel/babel-loader
                  test:/\.js$/,
                  exclude:'/node_modules',
                  loader:'babel',
                  query: {
                      presets: ['es2015']
                  }
              }, 
              {
                  //take less  convert to css and inject to style tag    need to: npm i css-loader less-loader less  style-loader -D
                  //https://github.com/webpack/less-loader
                  test:/\.less$/,
                  exclude:'/node_modules',
                  loader:"style!css!less"
              }           
          ]
      }
  };
  </code></pre>
  
  <p>My <strong>app.js</strong> is:<br/></p>
  
  <pre><code>import '../style.less';
  class Log{
      constructor(){
          console.log("sdfsdf");
      }
  }
  new Log();
  </code></pre>
  
  <p>Inside the <strong>src</strong> directory i have the app.js , index.html and style.less files.<br/></p>
  
  <p>finally , this is my <strong>package.json</strong> file:</p>
  
  <pre><code>{
    "name": "webpack-angular-demo",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
    },
    "author": "",
    "license": "ISC",
    "devDependencies": {
      "babel-core": "^6.10.4",
      "babel-loader": "^6.2.4",
      "babel-preset-es2015": "^6.9.0",
      "css-loader": "^0.23.1",
      "less": "^2.7.1",
      "less-loader": "^2.2.3",
      "style-loader": "^0.13.1",
      "webpack": "^1.13.1",
      "webpack-dev-server": "^1.14.1"
    }
  }
  </code></pre>
  
  <p><br/>
  any idea why i'm getting this error ?
  <br/>Thanks</p>