chenshenhai / Rollupjs Note
Licence: mit
《Rollup.js 实战学习笔记》已完结 😆
Stars: ✭ 152
Labels
Projects that are alternatives of or similar to Rollupjs Note
Svelte Example
🚀 📚 Some examples to test the Svelte Framework
Stars: ✭ 85 (-44.08%)
Mutual labels: rollup
Rollup Plugin Filesize
A rollup plugin to show file size of the bundle in the cli
Stars: ✭ 114 (-25%)
Mutual labels: rollup
Moderndeck
A beautiful, powerful Twitter client for desktop.
Stars: ✭ 100 (-34.21%)
Mutual labels: rollup
Sketchmine
Tools to validate, generate and analyse sketch files from web pages
Stars: ✭ 114 (-25%)
Mutual labels: rollup
Eleventy Starter
ARCHIVED: An Eleventy starting point with Tailwind and Svelte preconfigured.
Stars: ✭ 118 (-22.37%)
Mutual labels: rollup
Denopack
The bundling and minification toolset, made for Deno
Stars: ✭ 81 (-46.71%)
Mutual labels: rollup
React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (-3.29%)
Mutual labels: rollup
Babel Plugin Prismjs
A babel plugin to use PrismJS with standard bundlers.
Stars: ✭ 114 (-25%)
Mutual labels: rollup
Babel React Rollup Starter
A simple boilerplate for web apps with React, Babel, and Rollup.
Stars: ✭ 124 (-18.42%)
Mutual labels: rollup
Example Rollup React Component Npm Package
Example React Component, Published to npm
Stars: ✭ 122 (-19.74%)
Mutual labels: rollup
Shortstack
🥞 minimal Rollup + PostCSS modern syntax starter template
Stars: ✭ 94 (-38.16%)
Mutual labels: rollup
Plugins
🍣 The one-stop shop for official Rollup plugins
Stars: ✭ 2,238 (+1372.37%)
Mutual labels: rollup
Rollup Plugin Styles
🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.
Stars: ✭ 116 (-23.68%)
Mutual labels: rollup
Klap
zero config, zero dependency bundler for tiny javascript packages
Stars: ✭ 143 (-5.92%)
Mutual labels: rollup
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.致读者]
- [1. 快速开始]
- [2. js编译]
- [3. css编译]
- [4. 框架使用]
- [5. 插件开发]
- [6. 其他实战]
更多学习笔记
更多前端技术学习
和开源学习教程
可关注公众号 DeepSeaCode
(大海码
)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].