web工程化

背景 模块化已经是现代 Web 开发必不可少的开发方式，频繁引入依赖包是一个常见的操作。但是，手动引入依赖包往往繁琐，尤其是当依赖包数量较多时，会显著降低开发效率。vue3日常项目中定义变量需要引入r

背景 前端经历了一系列的发展，各种标准和工具百花齐放，自从2009年的Node.js诞生，前端先后出现了CommonJS、AMD、CMD、UMD和ES Module等模块规范，底层规范的发展催生出了一

什么是 Prettier？ Prettier 是一款代码格式化工具，被称为“完全自动化的风格指南”。它的主要目标是通过自动格式化代码，使代码风格统一且易于阅读，从而让开发者专注于功能开发，而不是纠结于

在结合 Webpack（vite） 和 vue 的项目中，代码分割（Code Splitting）是一种重要的性能优化手段，特别是对于首屏加载时间的优化。代码分割可以将一个大的 bundle 文件拆分

背景 随着项目规模增大，如果每发起一次HTTP请求，就要把这些比如设置超时时间、设置请求头、根据项目环境判断使用哪个请求地址、错误处理等等操作，都需要写一遍，这种重复劳动不仅浪费时间，而且让代码变得冗

通过一个在线文档编辑器的开发与运行过程，来形象化理解 Webpack 及其相关概念的原理和作用。 完整流程：文档编辑器的开发与打包 代码撰写：开发文档编辑器，使用 ES6+ 语法和不同的资源类型（JS