rollup-plugin-vue 具体使用方式
时间: 2023-12-30 22:02:28 浏览: 180
rollup-plugin-vue 是一个 Rollup 插件,用于编译 Vue 单文件组件。以下是 rollup-plugin-vue 的使用方式:
1. 安装 rollup-plugin-vue:
```
npm install rollup-plugin-vue --save-dev
```
2. 在 Rollup 配置文件中引入 rollup-plugin-vue:
```javascript
import vue from 'rollup-plugin-vue';
```
3. 在 Rollup 配置文件中添加 rollup-plugin-vue:
```javascript
export default {
input: 'src/main.js',
output: {
file: 'dist/bundle.js',
format: 'cjs'
},
plugins: [
vue({
// rollup-plugin-vue 配置选项
})
]
}
```
4. 配置选项:
- `css`: 是否提取 CSS,可选值为`true`或`false`,默认为`true`。
- `compileTemplate`: 是否编译模板,可选值为`true`或`false`,默认为`true`。
- `template`: 指定编译后的模板,可以是一个函数或字符串,默认为`undefined`。
- `style`: 指定编译后的 CSS,可以是一个函数或字符串,默认为`undefined`。
- `defaultLang`: 默认语言,默认为`undefined`。
- `include`: 包含的文件,默认为`['**/*.vue']`。
- `exclude`: 排除的文件,默认为`undefined`。
以上就是 rollup-plugin-vue 的具体使用方式,你可以根据自己的需求进行配置。
阅读全文