Skip to content

fergaldoyle/vue-template-compiler-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Webpack loader to pre-compile Vue 2.0 templates

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published