title: .vue files not compiling as expected
body: <p>I am trying to dev-build a <strong>Vue project</strong> with <strong>Webpack</strong>.  As soon as I add <code>script</code> tag in the <code>App.vue</code> file, I get an error in the browser saying <code>Unexpected token export</code>.</p>
  
  <pre><code>//App.vue
  &lt;template&gt;
      &lt;p style="background-color:blue,"&gt;Hello World!&lt;/p&gt;
  &lt;/template&gt;
  
  &lt;!-- works perfectly fine without this script tag --&gt;
  &lt;script&gt;
      export default {
          name    : 'app'
      }
  &lt;/script&gt;
  
  &lt;style&gt;
      h1 {
          color               : white;
          background-color    : darkgreen
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>The webpack configuration :</p>
  
  <pre><code>//webpack.config.js
  const HTMLPlugin    = require('html-webpack-plugin')
  const webpack       = require('webpack')
  //
  const BabelLoader = {
      loader  : 'babel',
      test    : /\.js$/,
      exclude : /node_modules/,
      query   : {
          presets : [ 'es2015', 'stage-2'],
          plugins: [ 'transform-runtime' ]
      }
  }
  const VueLoaderConfig = {
      loader  : 'vue',
      test    : /\.vue$/,
      exclude : /node_module/
  }
  //
  const HTMLPluginConfig      = new HTMLPlugin({
              template    : './src/index.html'
          })
  const CommonsChunkConfig    = new webpack.optimize.CommonsChunkPlugin({
      name    : [ 'vendor', 'bootstrap' ]
  })
  //
  const config    = {
      // ENTRY
      entry   : {
          app     : './src/app.js',
          vendor  : [ 'vue' ]
      },  
      // OUTPUT
      output  : {
          filename    : '[name].[chunkhash].js',
          path        : __dirname + '/dist'
      },
      // PLUGINS
      plugins : [
          HTMLPluginConfig,
          CommonsChunkConfig
      ],
      // MODULE
      module  : {
          loaders : [
              BabelLoader,
              VueLoaderConfig
          ]
      }
  }
  //
  module.exports = config
  </code></pre>
  
  <p>The entry point - <code>app.js</code></p>
  
  <pre><code>//app.js
  import Vue from 'vue'
  //
  import App from './App.vue'
  //
  new Vue({
      el          : '#app',
      ...App
  })
  </code></pre>
  
  <h2>Note:</h2>
  
  <ul>
  <li>It works perfectly fine until I add the <code>&lt;script&gt;</code> tag in the <code>App.vue</code> file.</li>
  </ul>
  
  <p>Please advice me what could I be missing.</p>
  
  <p>Thanks in advance.</p>