title: Raw loader with ES6 imports
body: <p>I'm trying to use ES6 with webpack. Its okay for javascript module imports/exports, but I can't get raw-loader to work.</p>
  
  <p>Here is what I am intending to do in my source file</p>
  
  <pre><code>import template from './template.html'
  </code></pre>
  
  <p>The template.html file has raw HTML in it.</p>
  
  <pre><code>module.exports = {
    context: __dirname,
    entry: [
      'babel-polyfill',
      './app/app.js',
    ],
    module: {
      preLoaders: [
        {
          test: /\.js$/,
          include: __dirname + '/app/',
          loader: 'eslint-loader',
        },
      ],
      loaders: [
        {
          test: /\.js$/,
          include: __dirname + '/app/',
          loader: 'babel-loader?presets[]=es2015',
        },
        {
          test: /\.html$/,
          include: __dirname + '/app/',
          loader: 'raw-loader',
        },
      ],
    },
    output: {
      path: './build/',
      filename: 'app.js',
    },
  };
  </code></pre>
  
  <p>When I launch webpack, the code is generated as so:</p>
  
  <pre><code>  module.exports = "module.exports = \"  hello\\n  &lt;div&gt;\\n    &lt;ul&gt;\\n      &lt;li ng-repeat...
  </code></pre>
  
  <p>It should only be the <code>"hello\n &lt;div&gt;..."</code> string that should be exported.</p>
  
  <p>Any help on this ? I really don't understand how to do this.</p>