title: webpack,vue.js, can't compile vue file
body: <p>I'm new to vue.js and webpack and I'm having trouble compiling my vue files. </p>
  
  <p>I'm using Spring boot and pebble as templating technology and I want to generate a single .js file and include it in my index.pebble</p>
  
  <p>Here is my webpack.config.js </p>
  
  <pre><code>  module.exports = {
      // This is the "main" file which should include all other modules
      entry: './src/main/resources/static/app/main.js',
      // Where should the compiled file go?
      output: {
          // To the `dist` folder
          path: './src/main/resources/static/lib',
          // With the filename `build.js` so it's dist/build.js
          filename: 'build.js'
      },
      module: {
          // Special compilation rules
          loaders: [
              {
                  // Ask webpack to check: If this file ends with .js, then apply some transforms
                  test: /\.js$/,
                  // Transform it with babel
                  loader: 'babel',
                  // don't transform node_modules folder (which don't need to be compiled)
                  exclude: /node_modules/
              },
              {
                  test: /\.vue$/,
                  loader: 'vue'
              }
          ]
      },
      vue: {
          loaders: {
              js: "babel-loader?presets[]=es2015,presets[]=stage-2"
          }
      },
  
  }
  </code></pre>
  
  <p>my file babelrc : </p>
  
  <pre><code>{
    "presets": ["es2015", "stage-0"],
    "plugins": ["transform-runtime"]
  }
  </code></pre>
  
  <p>my file package.json </p>
  
  <pre><code>{
    "name": "xxxx",
    "version": "1.0.0",
    "description": "TODO",
    "scripts": {
      "watch-build": "echo \"not available\" &amp;&amp; exit 1",
      "build": "npm install",
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
    },
    "author": "LMFR",
    "readmeFilename": "README.md",
    "devDependencies": {
      "babel-core": "^6.1.2",
      "babel-loader": "^6.1.0",
      "babel-preset-latest": "^6.16.0",
      "babel-preset-stage-2": "^6.18.0",
      "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"
    },
    "dependencies": {
      "vue": "^2.3.2"
    }
  }
  </code></pre>
  
  <p>Here is my main.js </p>
  
  <p>import Vue from 'vue'
  //import App from './app.vue'</p>
  
  <pre><code>new Vue({
      el: '#app',
      template: '&lt;p&gt;haaaa&lt;/p&gt;'
  })
  </code></pre>
  
  <p>And the error I'm facing : </p>
  
  <pre><code>build.js:494 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
  </code></pre>