title: Webpack vue error
body: <p>I have webpack installed globally and have vue and loaders installed locally and have tried installing them globally. I keep getting this error when I run webpack</p>
  
  <pre><code>Module parse failed: /Users/joebob/Development/vue-test/node_modules/babel-loader/index.js!/Users/joebob/Development/vue-test/src/main.js Line 1: Unexpected token
  You may need an appropriate loader to handle this file type.
  | import Vue from 'vue';
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>import Vue from 'vue'
  import App from './app.vue'
  
  new Vue({
      el: 'body',
      components: { App }
  })
  </code></pre>
  
  <p>config</p>
  
  <pre><code>module.exports = {
      entry: './src/main.js',
      output: {
          path: './dist',
          publicPath: 'dist/',
          filename: 'build.js'
      },
      module: {
          loaders: [
              {
                  test: /\.js$/,
                  loader: 'babel',
                  exclude: /node_modules/
              },
              {
                  test: /\.vue$/,
                  loader: 'vue'
              }
          ]
      },
      vue: {
          loaders: {
              js: 'babel'
          }
      }
  }
  </code></pre>
  
  <p>package.json</p>
  
  <pre><code>{
      "name": "vue-test",
      "version": "1.0.0",
      "dependencies": {
          "vue": "^1.0.16"
      },
      "devDependencies": {
          "babel-core": "^6.1.2",
          "babel-loader": "^6.1.0",
          "babel-plugin-transform-runtime": "^6.1.2",
          "babel-preset-es2015": "^6.1.2",
          "babel-preset-stage-0": "^6.1.2",
          "babel-runtime": "^5.8.0",
          "webpack": "^1.12.2",
          "css-loader": "^0.23.0",
          "style-loader": "^0.13.0",
          "vue-loader": "^7.3.0",
          "vue-html-loader": "^1.0.0",
          "vue-hot-reload-api": "^1.2.0"
      }
  }
  </code></pre>
  
  <p>Not sure what I'm missing</p>