vue-template-compiler-loader
v1.0.4
Published
Webpack loader to pre-compile Vue 2.0 templates.
Downloads
1,259
Readme
vue-template-compiler-loader
Webpack loader to pre-compile Vue 2.0 templates.
npm i vue-template-compiler-loader --save-dev
Webpack config
To module.loaders
add:
{ test: /\.html$/, loader: 'vue-template-compiler' }
Usage
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 () {}
}