前言 本篇文章不只是搭建webpack5的项目，还有个更重要的目的是，为了在搭建过程中了解每个插件，loader的作用，为什么要使用这些东西，这些东西带来了什么。 我为本项目写了一个cli工具：fig

前言 最近在做一个关于webpack5手动搭建项目的测试练习，网上找了很多文章，发现很多文章按照他们的步骤搭建，都会有各种各样的报错，于是自己参考网上各类文章，加上自己的实际搭建，完成了这篇文章。如果

作为一名前端工程师，总是用一些脚手架来快速搭建新项目的基本结构，因此今天尝试着一步步搭建一个 React 的项目环境，看看需要处理哪些问题，查漏补缺，天天向上！

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

这篇文章给大家分享一个业内一款出色的包管理器——pnpm。目前 GitHub 已经有 star 9.8k，现在已经相对成熟且稳定了。它由 npm/yarn 衍生而来，但却解决了 npm/yarn 内部潜在的 bug，并且极大了地优化了性能，扩展了使用场景。下面是本文的思维导图:…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 1. 什么是babel ? 2. 可靠的工具来源于可怕的付出 3. Babel担任的角色 即使你自己没有使用它，但你的依赖很可能正在使用 Babel。…

一、 为什么需要模块化 以前没有模块化时，我们可能会按如下方式划分模块： 通过 <script> 标签引入各个文件，把每个文件看成是一个模块，每个模块的接口通常是暴露在全局作用域下的，也就是定义在 w

从amd cmd 到 (commonjs), 再到浏览器支持模块化es6。 让浏览器支持，这几个环境变量。我们来定义这几个变量。 上面代码向一个立即执行函数提供 module 和 exports 两个外部变量，模块就放在这个立即执行函数里面。模块的输出值放在 module.ex…

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…