javascript - Vuejs 単一ファイル コンポーネントをコンパイルするには?

Question

Vuejs 2 (webpack-simple テンプレート) を使用していますが、テンプレートをレンダリングする前にコンパイルする方法を知りたいです。私のコードの下：

App.vue

<template>
    <div id="app">
        <h1>{{ msg }}</h1>
    </div>
</template>
<script>
    export default {
        name: 'app'
    }
</script>

main.js

import Vue from 'vue'
import App from './App.vue'

const res = Vue.compile(App)
const vm = new Vue({
    el: '#app',
    data: {
        msg: 'hello'
    },
    render: res.render,
    staticRenderFns: res.staticRenderFns
})

これらは、サーバーを起動したときに発生したエラーです。__WEBPACK_IMPORTED_MODULE_0_vue___default.a.compile is not a function

このプラグインvue-template-compilerも試してみましたが、うまくいきませんでした。それを機能させるのを手伝ってもらえますか？前もって感謝します。