如何编译Vuejs单文件组件？

Question

我正在使用Vuejs 2（网页包简单模板），我想知道如何在呈现模板之前编译模板。下面是我的代码：

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
})

这就是我启动服务器时遇到的错误：\uuuu网页包\uu导入的模块\uu 0\u vue\uuuu默认值。a.compile不是一个函数

我还尝试了这个插件vue模板编译器，但没有成功。你能帮我把它弄好吗？提前谢谢。

Answer 1

您需要在网页包的配置中使用此设置：

resolve: {
  alias: {
    'vue$': 'vue/dist/vue'
  }
}

尽管在这个问题上：http://vuejs.org/guide/installation.html#Standalone-vs仅运行时构建