Rollup.js：高效打包你的JavaScript代码

原创于 2025-10-13 05:46:12 发布 · 304 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#人工智能

Rollup.js 简介

Rollup 是一个 JavaScript 模块打包器，专注于将小块代码编译成大块复杂的代码，尤其适合库和应用的开发。与 Webpack 不同，Rollup 更倾向于 ES6 模块的静态分析，生成更小、更高效的代码。Rollup 的核心优势在于其 Tree-shaking 功能，可以自动移除未使用的代码。

Rollup 适用于以下场景：

构建库或框架（如 React、Vue）。
需要生成高性能、小体积的代码。
使用 ES6 模块化语法。

安装 Rollup

Rollup 可以通过 npm 或 yarn 安装。全局安装适合快速体验，而本地安装更适合项目开发。

全局安装：

npm install -g rollup

本地安装（推荐）：

npm install rollup --save-dev

基本配置

Rollup 的配置文件通常命名为 rollup.config.js，放置在项目根目录。以下是一个简单的配置示例：

// rollup.config.js
export default {
  input: 'src/main.js', // 入口文件
  output: {
    file: 'dist/bundle.js', // 输出文件
    format: 'iife', // 输出格式（IIFE 适用于浏览器）
    name: 'MyBundle' // 全局变量名
  }
};