https://github.com/gluons/rollup-vue-example
An example of bundling @vuejs library with @rollup.
https://github.com/gluons/rollup-vue-example
bundle example library rollup vue
Last synced: 11 months ago
JSON representation
An example of bundling @vuejs library with @rollup.
- Host: GitHub
- URL: https://github.com/gluons/rollup-vue-example
- Owner: gluons
- Created: 2018-01-19T10:42:41.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2020-07-20T08:25:05.000Z (over 5 years ago)
- Last Synced: 2025-01-15T06:49:25.321Z (about 1 year ago)
- Topics: bundle, example, library, rollup, vue
- Language: JavaScript
- Homepage:
- Size: 177 KB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rollup + Vue Example
An example of bundling [Vue](https://vuejs.org/) library with [Rollup](http://rollupjs.org/).
## Installation
```bash
git clone https://github.com/gluons/rollup-vue-example.git
cd rollup-vue-example
yarn
```
## Features
## Build
```bash
yarn build
```
- Bundle `.vue` file (by [`rollup-plugin-vue`](https://github.com/vuejs/rollup-plugin-vue))
- 3 JavaScript bundles (with source map):
- CommonJS
- ES Module
- Browser [IIFE](https://developer.mozilla.org/en-US/docs/Glossary/IIFE)
- Minified (by [`rollup-plugin-babel-minify`](https://github.com/Comandeer/rollup-plugin-babel-minify))
- Unminified
- Final CSS file:
- [PostCSS](http://postcss.org/) support (by [`rollup-plugin-postcss`](https://github.com/egoist/rollup-plugin-postcss))
- [Autoprefixer](https://github.com/postcss/autoprefixer)
- Minified (by [`postcss-csso`](https://github.com/lahmatiy/postcss-csso))
## Dev
```bash
yarn dev
```
- Development Server with live reload by [`rollup-plugin-serve`](https://github.com/thgh/rollup-plugin-serve) and [`rollup-plugin-livereload`](https://github.com/thgh/rollup-plugin-livereload).