本项目使用了多包单仓库的开发模式来实践前端工程化方案。首先使用三种方法编写了 vue 组件，UnoCSS 引擎添加样式；采用 vitepress 进行文档建设，vercel 进行线上的文档部署；采用

一 前言 今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次性搞定面试中遇到的大部分有关

提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。 webpack4中支持了零配置的特性，同时对块打包也做了优化，CommonsChunk…

全网最全的webpack热更新调优方式； 帮助你有效的提高前端项目的热更新速度； 学会根据自己项目特点来进行优化。

文章内容：分析一个极简的 Webpack 运行时代码。用 webpack 打包两个简单的模块，分析打包后的代码，也就是运行时代码。

1. 什么是软链？ 简单说就是为开发的模块(待发布的npm包)创造一个全局链接，在主项目里链接这个依赖的模块，进行测试。 2. 如何创建、使用、去除软链？ Tips: 注意这里的packageName一定要对应你的npm包package.json里的name字段值。 好啦，通过…

上一节经过loader的执行会返回原始经过loader改造后的内容，之后我们需要解析该内容以收集dependencies。 本文重点说如何从_source解析出模块依赖dependencies和其基础

Talk 因为最近工作上有需要使用解析 JavaScript 的代码，大部分情况使用正则表达式匹配就可以处理，但是一旦依赖于代码上下文的内容时，正则或者简单的字符解析就很力不从心了，这个时候需要一个语言解析器来获取整一个 AST（abstract syntax tree）。 然…

采用模块化方式编写代码让我们可以更好的组织代码结构，node在解析依赖时，首先会获取依赖的文件是否存在，即每当遇到import或require这些导入语法时，就会根据规则去找到需要解析的文件路径。 刚开始看到结果可能会疑惑，为什么返回结果是node.js？他是怎么找到node_…