Rollup前端构建工具简介

一、Rollup简介

Rollup是一个小巧而灵活的JavaScript模块打包工具，专注于ES6模块的打包。与Webpack等其他构建工具相比，Rollup更加轻量级，适合用于构建库、框架等需要较小体积输出的项目。Rollup通过静态分析的方式，只打包项目中实际使用到的代码，从而实现更高效的代码拆分和树摇（Tree Shaking）优化。

二、Rollup安装与配置

要开始使用Rollup，首先需要在项目中安装它。你可以通过npm或yarn进行安装：

npm install rollup --save-dev
# 或者
yarn add rollup --dev

安装完成后，在项目根目录下创建一个名为rollup.config.js的配置文件。该文件用于配置Rollup的打包行为。一个简单的配置示例如下：

export default {
  input: 'src/main.js', // 入口文件
  output: {
    file: 'dist/bundle.js', // 输出文件
    format: 'cjs' // 输出格式，可选值为'amd'、'cjs'、'esm'、'iife'、'umd'等
  },
  plug