# 简介

# Rollup 插件 Vue 做了什么？

这是一个用于 rollup 的插件，它允许您以称为 单文件组件 (SFC) 的格式编写 Vue 组件。它们看起来像这样

<template>
  <div class="example">{{ message }}</div>
</template>

<script>
export default {
  data () {
    return {
      message: 'Hello world!'
    }
  }
}
</script>

<style>
.example {
  color: red;
}
</style>

此插件还支持

• 作用域 CSS
• 自定义块
• <style> 和 <template> 中的静态资产引用

以及许多其他功能，与 Vue Loader 保持一致。

# 为什么我应该使用 Rollup 而不是 Webpack？

Rollup 提供了树摇等优化，使其成为构建共享库的理想选择。此插件还优先考虑最适合大多数 Vue 插件和 UI 组件库的默认值。