实践出真知，以最快、最简洁的方法先跑起来
零、rollup打包的几种方式
- 命令行形式，无须配置文件
- 配置形式+命令执行
- package.json中指向配置文件+npm run build
一、必需配置介绍
- input：打包文件路径
- output：输出文件配置 —— file：输出文件路径 ——format：输出格式
二、安装webpack
- 当前项目安装
npm install rollup --save-dev
- 全局安装
npm install rollup -g
三、打包执行
文件目录如下：
.
|-- src
| |-- hello.html
| `-- index.js
`-- rollup.config.mjs
各文件详情（最简易版）： ./src/hello.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hello rollup</title>
</head>
<body>
<h1>hello rollup</h1>
</body>
<script src="../dist/bundle.js"></script>
</html>
./src/index.js
console.log('hello rollup');
三.1、命令行形式打包（无须配置文件）
rollup ./src/index.js --file bundleUmd.js --format umd
简单解释命令
rollup [打包文件入口] --file [输出文件名称] --format [打包文件类型]
这其中，打包文件类型有以下几类：
- iife：立即执行函数表达式
- cjs：（CommonJs）常用于 Node.js 环境等
- emd：（ES Module）适用于支持ES Module的环境
- amd：（异步模块定义）常用的实现是 RequireJS
- umd：（通用模块定义）兼容多个模块化环境
三.2、配置文件形式打包
export default {
input: 'src/index.js',
output: {
file: 'dist/bundleAmd.js',
format: 'umd'
}
}
简单解释配置 input：打包文件路径 output-file：输出文件名称 output-format：打包文件类型（类型见三.1）
万事俱备，执行打包命令
rollup -c
tips：如果配置文件是js结尾会报错，改一下或者执行执行以下命令==
rollup -c --bundleConfigAsCjs
检验
浏览器访问该html文件，会有以下显示
四、结语
本节主要学习了rollup的几种打包方式，以及配置文件打包时的必需配置。拥有这次成功打包经验后，能深切理解到入口（input）、输出（output）中的file(命名)、模式（format）必需配置了
与君共勉。
