嘀嗒嘀嗒嘀

最近在设计多组件包管理的 Monorepo 方案，发现目前社区上有很多不同的 monorepo 方案，包括 pnpm/nx/turborepo 等，使用 pnpm + changesets 比较简单

rollup 采用 es6 原生的模块机制进行模块的打包构建，rollup 更着眼于未来，对 commonjs 模块机制不提供内置的支持，是一款更轻量的打包工具。rollup 比较适合打包 js 的

简历上写“熟练使用 rollup.js 进行构建”，标题问题里的6种我却只回答上了4种....只能尴尬假笑

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖**等等

优点 不像webpack 配置比较繁琐 ejs 模式自动tree shaking 不会像webpack一样打包生成很多多余代码(webpack自定的require,factory函数等) 所以常用来打

看完本文你将学习到如下知识： 远程组件定义 UMD 模块规范 远程组件加载方案实现思路和细节 systemjs 中 System.import 的丐版实现 JS 沙箱能力丐版实现

如何使用 pnpm + workspace + changesets 构建你的 monorepo 工程

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

前言 最近 Vercel 收购了 Turborepo ，目的是为了加快 Next.js 的构建速度，并且 Turborepo 的作者也加入了 Vercel。 monorepo 什么是monorepo？