Rollup新手入门指南

2023-11-15 03:10:27

引言

Rollup是一款强大的JavaScript模块打包工具，可以将多个模块打包成一个捆绑包，便于浏览器或Node.js加载和执行。本文将介绍如何使用Rollup快速入门，帮助您将JavaScript应用程序打包成更小、更优化的格式。

安装Rollup

使用以下命令通过Yarn安装Rollup：

yarn add rollup -D

安装完成后，您可以在.bin目录下找到Rollup的可执行程序。

创建Rollup配置

Rollup需要一个配置文件来指定要打包的模块和打包选项。您可以创建一个名为rollup.config.js的文件，其中包含以下代码：

import rollupPluginNodeResolve from "@rollup/plugin-node-resolve";
import rollupPluginCommonjs from "@rollup/plugin-commonjs";
import rollupPluginTerser from "rollup-plugin-terser";

export default {
  input: "index.js",
  output: {
    file: "bundle.js",
    format: "iife"
  },
  plugins: [
    rollupPluginNodeResolve(),
    rollupPluginCommonjs(),
    rollupPluginTerser()
  ]
};

在这个配置文件中：

input指定要打包的入口模块。
output指定打包后的输出文件和格式。
plugins指定要使用的Rollup插件，包括：
- rollupPluginNodeResolve：用于解析Node.js模块。
- rollupPluginCommonjs：用于转换CommonJS模块。
- rollupPluginTerser：用于压缩和混淆代码。