https://github.com/chenshenhai/rollupjs-note
《Rollup.js 实战学习笔记》已完结 😆
https://github.com/chenshenhai/rollupjs-note
rollup rollup-example rollup-study rollupjs
Last synced: 4 months ago
JSON representation
《Rollup.js 实战学习笔记》已完结 😆
- Host: GitHub
- URL: https://github.com/chenshenhai/rollupjs-note
- Owner: chenshenhai
- License: mit
- Created: 2018-06-23T14:30:15.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2020-10-08T03:07:06.000Z (over 5 years ago)
- Last Synced: 2025-03-06T06:26:22.552Z (about 1 year ago)
- Topics: rollup, rollup-example, rollup-study, rollupjs
- Homepage: https://chenshenhai.github.io/rollupjs-note
- Size: 1.07 MB
- Stars: 241
- Watchers: 4
- Forks: 53
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Rollup.js 实战学习笔记
## 前言
### 2020年5月
今年的五一假期有 5天小长假，回顾以前的笔记，发现 `Rollup` 已经更新到 `2.x` ，而且官方提供了很多丰富的插件`plugins` [github.com/rollup/plugins/](https://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，方便以后搭建脚手架时候查看。
## 关于本书
- [关于作者(我)](https://chenshenhai.github.io/)
- [作者(我)Github](https://github.com/chenshenhai/)
- [gitbook在线阅读入口](https://chenshenhai.github.io/rollupjs-note/)
- 本书便捷阅读入口 [chenshenhai.com/rollupjs-note](https://chenshenhai.com/rollupjs-note)
- 如有错误或疑问欢迎，提交[issues](https://github.com/chenshenhai/rollupjs-note/issues)或PR
## 目录
* [Rollup.js 实战学习笔记](https://github.com/chenshenhai/rollupjs-note/blob/master/README.md)
* [0.致读者]
* [0.1 本书初衷](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter00/01.md)
* [0.2 参考资料](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter00/02.md)
* [1. 快速开始]
* [1.1 快速配置文件](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter01/01.md)
* [1.2 ES6+编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter01/02.md)
* [1.3 开发模式](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter01/03.md)
* [1.4 生产模式](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter01/04.md)
* [1.5 Node.js使用API模式](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter01/05.md)
* [2. js编译]
* [2.1 多文件输入输出编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/01.md)
* [2.2.1 AMD 模块类型编译 (上)](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/02-01.md)
* [2.2.2 AMD 模块类型编译 (下)](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/02-02.md)
* [2.2.3 CommonJS 模块类型编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/02-03.md)
* [2.2.4 IIFE 模块类型编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/02-04.md)
* [2.2.5 UMD 模块类型编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/02-05.md)
* [2.3 Node.js使用API模式的热编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/03.md)
* [2.4 node模块引用](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/04.md)
* [2.5 json文件引用](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter02/05.md)
* [3. css编译]
* [3.1 css引用](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter03/01.md)
* [3.2 scss编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter03/02.md)
* [3.3 less编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter03/03.md)
* [4. 框架使用]
* [4.1 React.js编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter04/01.md)
* [4.2 Vue.js编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter04/02.md)
* [5. 插件开发]
* [5.1 开发插件helloworld](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter05/01.md)
* [6. 其他实战]
* [6.1 TypeScript编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter06/01.md)
* [6.2 Babel7 编译](https://github.com/chenshenhai/rollupjs-note/tree/master/note/chapter06/02.md)
## 更多学习笔记
更多前端`技术学习`和`开源学习教程`可关注公众号 `DeepSeaCode` (`大海码` )
