Webpack loader to pre-compile Vue 2.0 templates.
npm i vue-template-compiler-loader --save-dev
To module.loaders add:
{ test: /\.html$/, loader: 'vue-template-compiler' }
import template from './template.html'
template will be an object
{ render: Function, staticRenderFns: Array<Function> }Set render and staticRenderFns properties on a component e.g:
// manually import template from './template.html' export const myComponent = { name: 'myComponent', render: template.render, staticRenderFns: template.staticRenderFns, mounted () {} } // mixin import template from './template.html' export const myComponent = { name: 'myComponent', mixins: [template], mounted () {} } // stage2 object spread import template from './template.html' export const myComponent = { name: 'myComponent', ...template, mounted () {} }