rollup.js

作者: small_zeo | 来源:发表于2022-01-25 10:27 被阅读0次

概述

Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。rollup.js更专注于Javascript类库打包。

用法

  • 全局安装rollup:
npm i rollup -g

运行 rollup --help 可以查看可用的选项和参数。
例子:
将所有 import 的依赖(all imports)都编译到一个名为 bundle.js 的单个文件中。

  • 对于浏览器:
rollup main.js --file bundle.js --format iife
  • 对于Node.js:
rollup main.js --file bundle.js --format cjs
  • 对于浏览器和 Node.js:
rollup main.js --file bundle.js --format umd --name "myBundle"

rollup.js配置文件

  • 创建rollup.config.js文件:
touch rollup.config.js
// rollup.config.js
export default {
  // 核心选项
  input,     // 必须
  external,
  plugins,

  // 额外选项
  onwarn,

  // danger zone
  acorn,
  context,
  moduleContext,
  legacy

  output: {  // 必须 (如果要输出多个,可以是一个数组)
    // 核心选项
    file,    // 必须
    format,  // 必须
    name,
    globals,

    // 额外选项
    paths,
    banner,
    footer,
    intro,
    outro,
    sourcemap,
    sourcemapFile,
    interop,

    // 高危选项
    exports,
    amd,
    indent
    strict
  },
};

如果你想使用Rollup的配置文件,记得在命令行里加上--config或者-c

# 默认使用rollup.config.js
$ rollup --config

# 或者, 使用自定义的配置文件,这里使用my.config.js作为配置文件
$ rollup --config my.config.js

相关文章

  • rollup用法

    10分钟快速入门rollup.js 10分钟快速进阶rollup.js

  • rollup.js

    [TOC] 1. 概念 Rollup是一个JavaScript模块打包工具,可以将小块代码编译成大块复杂的代码。开...

  • rollup.js

    https://www.rollupjs.com/[https://www.rollupjs.com/] roll...

  • rollup.js

    概述 Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 libra...

  • Rollup 打包工具的介绍和使用

    rollup.js 打包工具 参考链接:https://rollupjs.org/ 官网介绍:Rollup is ...

  • Rollup.js 之六:使用 npm 包

    来源:rollup.js 官网 有时候,项目会依赖 npm 包。Rollup 和 Webpack、Browseri...

  • Rollup 学习笔记

    Q:为什么要学 rollup.js ?A:因为大家都在卷(roll) 介绍 Rollup 中文文档[https:/...

  • rollup.js配置

    consfig.js .eslintrc.js .eslintignore .babelrc

  • rollup+babel

    rollup.js官网文档 github源码 升级node.js,npm 1.创建packpage.json文件 ...

  • [rollup.js] 开启 sourcemaps

    来源:rollup.js 官网 开启 sourcemaps 有两种方式: 使用命令行参数 --sourcemap ...

网友评论

    本文标题:rollup.js

    本文链接:https://www.haomeiwen.com/subject/ljubhrtx.html