在 ESM 出现之前，Javascript 是没有一个标准的模块方案。 比如说 CJS 是用于 Node 服务端的模块化方案，AMD 是用于浏览器的模块化方案。为了解决这个模块共用性问题，

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

Webpack的执行流程思想非常简单，从入口文件开始，递归地查找文件的依赖，最终将所有依赖输出到一个文件中。在这过程中又穿插了文件解析、输出优化等复杂的操作，我们就从最简单的入口开始，逐渐剥茧抽丝，拨开webpack的神秘面纱。 配置是衡量一个系统灵活性的主要标识，我们在使用某…

在Webpack中，一切资源都被看作模块，也就是说不管是js、css还是图片文件，Webpack都将他们都抽象成一个个模块，模块记录了资源的位置和内容，编译过程就是从入口模块开始递归找到所有需要用的模块，最终将所有模块打包输出。 前面的入口Entry章节我们已经知道，一个单入口…

前端进阶的必看的模块热更新原理。了解hmr的运行机制，有助于对我们项目运行原理的理解，对项目优化有新的认知~

大家好，我是老纪。本文简单介绍了pnpm的优点，介绍了如何将项目从npm、yarn迁移，以及一些特性功能，比如补丁、管理Node.js版本、安全检查和工作空间。

在项目中需要统一代码风格时，我开始接触并学习了抽象语法树（AST）。通过在线工具和代码实践，我了解到AST的结构和在代码分析中的作用。我发现AST不仅有助于编写eslint规则，还能进行代码重构。

vite vue3项目兼容低版本浏览器vitejs/plugin-legacy，node版本，terser，问题

前端项目性能优化和开发体验优化是无法避免的一个话题，在之前使用webpack做应用构建的时候，我们有许多手段和插件来做优化。当我们使用vite构建应用时也有许多插件来做优化，本文对vite的优化插件或