Rollup.js 实战学习笔记

前言

2020年5月

今年的五一假期有 5天小长假，回顾以前的笔记，发现 Rollup 已经更新到 2.x ，而且官方提供了很多丰富的插件plugins github.com/rollup/plugins/。趁着假期还有点空闲时间，把本笔记的使用方式更新到最新版(截至2020年5月)的使用方式。

2018年8月

最近几个月自己开发一些js库或组件库，费了九牛二虎之力搭建了webpack脚手架，然后还要配置一堆loader，最后编译出来的代码还夹带了一堆webpackJsonp([0], .....) 的代码，使得编译后的ES5代码（未混淆）可读性降低了，也导致了结果代码体积增大。

在寻找新的编译工具时候，发现Vue.js，React.js等流行库的源码都用了rollup.js来编译代码，同时相关库的编译也输出了各种模块规范AMD、CommonJS、UMD和IIFE。因此选择了rollup.js来实践开发日常的工具，在玩了几个月的的rollup.js后，将学习的过程中记录成这本书，也沉淀了学习过程中的demo，方便以后搭建脚手架时候查看。

关于本书

• 关于作者(我)
• 作者(我)Github
• gitbook在线阅读入口
• 本书便捷阅读入口 chenshenhai.com/rollupjs-note
• 如有错误或疑问欢迎，提交issues或PR

目录

• Rollup.js 实战学习笔记
• [0.致读者]
  • 0.1 本书初衷
  • 0.2 参考资料
• [1. 快速开始]
  • 1.1 快速配置文件
  • 1.2 ES6+编译
  • 1.3 开发模式
  • 1.4 生产模式
  • 1.5 Node.js使用API模式
• [2. js编译]
  • 2.1 多文件输入输出编译
  • 2.2.1 AMD 模块类型编译 (上)
  • 2.2.2 AMD 模块类型编译 (下)
  • 2.2.3 CommonJS 模块类型编译
  • 2.2.4 IIFE 模块类型编译
  • 2.2.5 UMD 模块类型编译
  • 2.3 Node.js使用API模式的热编译
  • 2.4 node模块引用
  • 2.5 json文件引用
• [3. css编译]
  • 3.1 css引用
  • 3.2 scss编译
  • 3.3 less编译
• [4. 框架使用]
  • 4.1 React.js编译
  • 4.2 Vue.js编译
• [5. 插件开发]
  • 5.1 开发插件helloworld
• [6. 其他实战]
  • 6.1 TypeScript编译
  • 6.2 Babel7 编译

更多学习笔记

更多前端技术学习和开源学习教程可关注公众号 DeepSeaCode (大海码 )