周末在家重构网关的Npm包,用到了rollup,记下笔记

rollup适合库library的开发,而webpack适合应用程序的开发。 rollup也支持tree-shaking,自带的功能。 package.json 也具有 module 字段,像 Rollup 和 webpack 2 这样的 ES6 感知工具(ES6-aware tools)将会直接导入 ES6 模块版本。

  • module: cjs / es / umd / iife / amd
  • module: umd 要指定name,即暴露的对象名
{output: {file: 'dist/index.umd.js',format: 'umd',name: 'ClientApi'}
}
复制代码

配置文件

rollup.config.js

$ rollup -c           # compile
$ rollup -c -w        # compile and watch
复制代码

rollup -w时,会抛出ROLLUP_WATCH环境变量为true

plugins

  • 插件执行顺序,从上至下
  • 使用 rollup-plugin-json,令 Rollup 从 JSON 文件中读取数据。
  • Rollup 可以通过插件(rollup-plugin-node-resolve)导入已存在的 CommonJS 模块。
  • rollup-plugin-commonjs 插件就是用来将 CommonJS 转换成 ES2015 模块的。
  • rollup-plugin-uglify压缩代码, import {uglify} from 'rollup-plugin-uglify', uglify()
  • 使用 Babel 和 Rollup 的最简单方法是使用 [rollup-plugin-babel](github.com/rollup/roll…
{"presets": [["latest", {"es2015": {"modules": false}}]],"plugins": ["external-helpers"]
}
复制代码

我们设置"modules": false,否则 Babel 会在 Rollup 有机会做处理之前,将我们的模块转成 CommonJS,导致 Rollup 的一些处理失败。

others

  • external配置,在生成module文件时,可以用到,避免生成文件里有引用的包

rollup学习小记相关推荐

  1. 8086汇编学习小记-王爽汇编语言实验12

    8086汇编学习小记-王爽汇编语言实验12 0号中断处理程序,开始安装在0000:0200处的程序最后用死循环导致显示不出'divided error',改成直接退出就正常显示了.注意修改ss,sp之 ...

  2. js 正则学习小记之匹配字符串

    原文:js 正则学习小记之匹配字符串 今天看了第5章几个例子,有点收获,记录下来当作回顾也当作分享. 关于匹配字符串问题,有很多种类型,今天讨论 js 代码里的字符串匹配.(因为我想学完之后写个语法高 ...

  3. 多项式快速插值学习小记

    今天终于抽空把这个综(du)合(liu)知识点学了,心力交瘁-- 多项式快速插值 给出 nnn 个点 (xi,yi)(x_i,y_i)(xi​,yi​) ,要求一个次数为 n−1n-1n−1 的多项式 ...

  4. 多项式的ln、exp、快速幂和开根学习小记

    不妨又学习了一下多项式的求ln.exp.快速幂和开根操作. 这些操作比之前的求逆更上了一层台阶,应用同样很广. 多项式求逆等知识在我的博客里有讲:多项式的求逆.取模和多点求值学习小记 多项式ln 给出 ...

  5. 积性函数与Dirichlet卷积 学习小记

    前言 首先感谢 XHM 大佬的悉心指导,我懂得了不少~. 链一下他关于这方面的见解.博客--XHM 的Dirichlet卷积 学习小记 一些定义 回归正题,这次我学习了一下狄利克雷卷积方面的知识. 先 ...

  6. js 正则学习小记之左最长规则

    js 正则学习小记之左最长规则 原文:js 正则学习小记之左最长规则 昨天我在判断正则引擎用到的方法是用 /nfa|nfa not/ 去匹配 "nfa not",得到的结果是 'n ...

  7. python 温度 符号_【火马】Python学习小记01

    Python 学习小记 Life is short,you need Python! 写在前面 自从重新拾起2016年开始注册的公众号"火马编程",我就把TA当作了自己的一块&qu ...

  8. 8086汇编学习小记-1

    8086汇编学习小记-1 View Code assume cs : codesg, ds : datasg, ss : stacksgdatasg SEGMENT... datasg ENDSsta ...

  9. java基础小记_[Java教程]Java基础学习小记

    [Java教程]Java基础学习小记 0 2016-10-07 18:00:07 题外话:总结了多年的学习心得,不得不说,睡眠是一个学习者的必需品!所谓"早起毁一天"不是没有道理哪 ...

最新文章

  1. IDEA不能一个窗口管理多个项目?那是你不会用!
  2. 霸气侧漏HTML5--之--canvas(1) api + 弹球例子
  3. java 如何对由json对象构成的数组形式的字符串进行遍历?
  4. 彻底清除计算机远程桌面连接的历史记录
  5. php 动态生成文件,php动态程序生成静态文件示例
  6. Python 中拼音库 PyPinyin 的用法,没错见名知意它就是用来翻译汉字的
  7. python_dataframe总结1
  8. Python 监控 DB 服务器信息(cpu, 磁盘,进程,alert log) 脚本
  9. bootdo增加验证码登陆
  10. photoshop抠图怀恋抽出滤镜
  11. 360无线网卡驱动服务器,360无线网卡驱动
  12. android safe mode
  13. 公务员考试——申论2
  14. 头条小程序对接微信、支付宝
  15. 微前端在Vue项目的实践
  16. 网络工程师提高篇 | 路由重发布你了解多少?从原理到配置,瑞哥带你学习一波!
  17. jq处理数据库中的json数据
  18. 删除autorun.inf病毒的批处理 简单三招预防
  19. cve-2019-0708 msf 执行报错解决
  20. 头歌--C++之函数进阶练习题

热门文章

  1. dig下载_DIG的完整形式是什么?
  2. 线性结构常规操作(四)
  3. python求三个数中最小(大)的元素
  4. 导出文件_一招解决PDF文件导出图片
  5. python合并两个文本文件内容_用Python 将两个文件的内容合并成一个新的文件.
  6. linux 编写完程序吗,linux下编写C++程序
  7. LeetCode单链表题目测试代码(只需添加对应题目,本地即可debug)
  8. 模拟实现STL中map和set容器
  9. HDU - 6621 K-th Closest Distance——主席树+二分
  10. 运用递归将两个链表进行连接