释放代码的力量：使用 Rollup 打包和发布工具库

2023-09-25 23:07:02

Rollup，一款屡获殊荣的 JavaScript 模块打包器，因其灵活性、性能和对 JavaScript 生态系统的开箱即用支持而深受开发人员青睐。使用 Rollup，您可以轻松地将代码模块组合成一个可供其他项目或应用程序使用的完整库。本文将指导您完成 Rollup 工具库的打包和发布过程，让您能够高效地分发您的代码。

Rollup 的优势

作为模块打包器，Rollup 拥有多项优势，使其成为构建和发布工具库的理想选择：

模块化： Rollup 遵循模块化标准，让您轻松地将代码组织成可重用的块。
树形摇晃： Rollup 通过一个称为“tree shaking”的过程，只打包实际使用的代码，从而生成更小的包大小。
代码拆分： Rollup 可以将大型包拆分成较小的块，从而改善加载时间和减少内存使用。
格式转换： Rollup 可以将代码编译成多种格式，包括 CommonJS、ES modules 和 UMD。

打包工具库

要打包一个工具库，请按照以下步骤操作：

安装 Rollup： 使用 npm 安装 Rollup：npm install --save-dev rollup。

创建 Rollup 配置文件： 创建一个名为 rollup.config.js 的文件，并添加以下配置：

import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/index.js',
    format: 'umd',
    name: 'my-library'
  },
  plugins: [
    resolve(),
    commonjs()
  ]
};