Home

Awesome

<div class="text-xs-center" align="center" style="margin: 20px"> <img src="https://raw.githubusercontent.com/vuejs/rollup-plugin-vue/master/docs/.vuepress/public/logo.png"> </div>

Introduction

As vue-loader is for webpack, so is this for rollup. As we know, webpack concats stuff and makes it runnable in the browser. It's difficult to share .vue components. Now roll your Vue components.

With rollup you can break your application into reusable modules.

<p align="center"> <a href="https://circleci.com/gh/vuejs/rollup-plugin-vue"> <img src="https://circleci.com/gh/vuejs/rollup-plugin-vue.svg?style=svg" alt="Build Status" /> </a> <a href="https://coveralls.io/github/znck/rollup-plugin-vue?branch=master"> <img src="https://coveralls.io/repos/github/znck/rollup-plugin-vue/badge.svg?branch=master&style=flat-square" alt="Coverage Status" /> </a> <a href="https://www.npmjs.com/package/rollup-plugin-vue"> <img src="https://img.shields.io/npm/v/rollup-plugin-vue.svg?sanitize=true" alt="Version" /> </a> </p>

Usage

This document applies to v4.0+. If you are looking for older versions, docs are here

import commonjs from '@rollup/plugin-commonjs' 
import VuePlugin from 'rollup-plugin-vue'

export default {
  entry: 'main.js',
  plugins: [
    commonjs(),
    VuePlugin(/* VuePluginOptions */)
  ]
}

See available options for VuePluginOptions.

Security

If you discover any security related issues, please email hi@znck.me instead of using the issue tracker.

Credits

License

The MIT License (MIT). Please see License File for more information.