Vuejs 단일 파일 컴포넌트를 컴파일하는 방법

Vuejs 단일 파일 컴포넌트를 컴파일하는 방법

Vuejs 2(webpack-simple template)를 사용하고 있는데, 템플릿을 렌더링하기 전에 컴파일하는 방법을 알고 싶습니다.내 코드 아래:

App.vue

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

main.discloss.main.discloss.

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도 시도해 봤지만 잘 되지 않았습니다.잘 될 수 있도록 도와주실 수 있나요?잘 부탁드립니다.

Web pack 의 설정에서는, 다음의 설정이 필요합니다.

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

http://vuejs.org/guide/installation.html#Standalone-vs-Runtime-only-Build 를 참조해 주세요.

언급URL : https://stackoverflow.com/questions/40091008/how-to-compile-vuejs-single-file-component