pnpm 作为一个优秀的包管理工具，在如今的前端生态中呈持续发展的趋势，这篇文章就会给大家带来 pnpm 的源码结构探究！

目前在前端领域最流行的包管理工具包含了 npm、yarn、pnpm，其中 pnpm 的机制对 yarn 和 npm 堪称降维打击，这篇文章来梳理一下包管理工具的发展历程以及 pnpm 的相关最佳实践

单纯使用 pnpm 就能实现 Monorepo 项目我们都知道，因为它原生支持 workspace，但是它也依然存在一些缺点，例如： 任务运行策略：虽然 pnpm 支持工作空间间的依赖管理和一些任务的

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

在我们平时写代码的过程中可能没有感觉Babel的存在，但其实只要我们写JS代码，Babel已经无处不在、无时不刻的在影响着我们的代码；在Webpack基础篇中，我们简单的介绍Babel的安装，也知道了它能够将高版本的ES6转为低版本的ES5代码，这篇文章我们就对Babel的配置…

预构建会将CommonJS转换成ESM、缓存第三方文件、减少文件的HTTP请求数量等作用。这篇文章分析Vite是怎么收集依赖以及通过什么方式实现的预构建

概念 Vite，一个基于浏览器原生ES模块的开发服务器。利用浏览器去解析模块，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时另有有Vue文件支持，还搞定了热更新，而且热更新的速度

前言 这一篇记录rollup如何开发一个插件。文档参考： 官方文档。 rollup插件概述 首先，rollup插件是一个对象，需要遵循rollup的一些规定。rollup也为插件提供了对应的属性与一些

ES Modules有局限性，它在浏览器里能够import指定URL的模块，但不能import自身HTML文件里的模块。我们用一个小技巧做到让浏览器可以自由地import文件里inline的JS模块。