rollup是一個適用于JavaScript庫和應用程序的模塊打包器。它可以將多個源文件合并成一個文件，可被瀏覽器和Node.js使用。使用rollup打包Vue應用程序可以讓我們在編寫Vue代碼時更加輕松和高效。

首先，我們需要通過npm安裝rollup和其他相關插件：

npm install rollup rollup-plugin-commonjs rollup-plugin-node-resolve rollup-plugin-sass rollup-plugin-babel @babel/core @babel/preset-env vue-template-compiler --save-dev

接著，在項目根目錄下創建一個rollup.config.js文件：

import commonjs from "rollup-plugin-commonjs";
import resolve from "rollup-plugin-node-resolve";
import sass from "rollup-plugin-sass";
import babel from "rollup-plugin-babel";
import vue from "rollup-plugin-vue";
import { terser } from "rollup-plugin-terser";
import { name, version } from "./package.json";
export default {
input: "src/index.js",
output: {
file: "dist/" + name + ".min.js",
format: "umd",
name,
banner: `/* ${name} v${version} */`,
globals: {
vue: "Vue"
}
},
external: ["vue"],
plugins: [
sass({
output: "dist/" + name + ".min.css",
sass: require("sass")
}),
vue(),
resolve(),
commonjs(),
babel({
exclude: "node_modules/**",
presets: ["@babel/preset-env"],
extensions: [".js", ".vue"]
}),
terser()
]
};

該配置文件中設置了輸入文件（index.js），輸出文件（name.min.js），輸出格式（umd），以及打包使用的插件，包括解析Sass文件、解析Vue單文件組件、處理ES6語法、壓縮代碼等。

最后，在package.json文件中添加一條打包命令：

"scripts": {
"build": "rollup -c"
}

運行該命令，即可生成打包后的文件。