with rollup 怎么用

Rollup 是一个 JavaScript 模块打包工具，可以将多个模块打包成一个文件，从而减少 HTTP 请求次数，提高网页性能。以下是 Rollup 的使用步骤：

1. 安装 Rollup：可以通过 npm 包管理器进行安装，命令如下：`npm install rollup --save-dev`

2. 创建配置文件：在项目根目录下创建一个名为 `rollup.config.js` 的文件，这个文件是 Rollup 的配置文件，用于指定打包的入口、输出目录、输出格式等参数。

3. 配置 Rollup：在 `rollup.config.js` 文件中添加如下代码：

export default {
  input: 'src/index.js', // 入口文件
  output: {
    file: 'dist/bundle.js', // 输出文件
    format: 'umd' // 输出格式
  }
}

4. 执行打包：通过终端（命令行）进入项目根目录，然后执行以下命令：`rollup -c`，即可开始打包。

5. 查看打包结果：打包完成后，可以在 `dist` 目录下找到生成的打包文件。

注意事项：

- 如果需要使用 ES6 或以上的语法，需要安装 `rollup-plugin-babel` 插件，并在 `rollup.config.js` 文件中配置。
- 如果需要使用 UMD 格式输出，并且需要在浏览器环境下使用，需要在 HTML 中引入打包文件，并将模块名称传递给全局变量。例如：

<script src="bundle.js"></script>
<script>
  var myModule = window.MyModule; // 将模块名称传递给全局变量
  myModule.sayHello();
</script>