All Projects → chenshenhai → Rollupjs Note

chenshenhai / Rollupjs Note

Licence: mit
《Rollup.js 实战学习笔记》已完结 😆

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
Rollup Plugin Copy
Copy files and folders using Rollup
Stars: ✭ 128 (-15.79%)
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
Vue Example
Vue.js Examples
Stars: ✭ 105 (-30.92%)
Mutual labels:  rollup
Cjstoesm
A tool that can transform CommonJS to ESM
Stars: ✭ 109 (-28.29%)
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
Uniroll
Opinionated universal frontend bundler in browser
Stars: ✭ 84 (-44.74%)
Mutual labels:  rollup
Rollup Plugin Styles
🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.
Stars: ✭ 116 (-23.68%)
Mutual labels:  rollup
Workflow
一个工作流平台
Stars: ✭ 1,888 (+1142.11%)
Mutual labels:  rollup
Klap
zero config, zero dependency bundler for tiny javascript packages
Stars: ✭ 143 (-5.92%)
Mutual labels:  rollup
Callapp Lib
🔥call app from h5(H5唤起客户端 )
Stars: ✭ 1,857 (+1121.71%)
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.jsReact.js等流行库的源码都用了rollup.js来编译代码,同时相关库的编译也输出了各种模块规范AMDCommonJSUMDIIFE。因此选择了rollup.js来实践开发日常的工具,在玩了几个月的的rollup.js后,将学习的过程中记录成这本书,也沉淀了学习过程中的demo,方便以后搭建脚手架时候查看。

关于本书

目录

更多学习笔记

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

qrcode_for_gh_959d1c4d729a_258

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].