通过GitHub Actions等工具自动化前端流程：代码提交触发→安装依赖→代码检查(Lint)→单元测试→构建打包→分环境部署（测试/生产）。关键点：缓存优化加速构建、多阶段验证保障质量、敏感信息

众所周知，微信小程序的代码包存在体积的限制，最多不能超过 2MB，随着项目越来越大，经常面临主包超包的问题。 超包的罪魁祸首有以下三个： static 静态资源目录下的图片太多 使用的库文件太多，导致

一、前言 本来想将webpack的内容整理成一篇到底，但太长了容易引起视觉疲劳。所以单独将内容和实践内容分开。 在了解到理论内容之后，脑子总会出现这么一个问题。 脑瓜子： 只看不写真的能让你学废吗？

Webpack 是一个现代 JavaScript 应用程序的**静态模块打包器**。它将项目中的各种资源（JavaScript、CSS、图片、字体等）视为模块，通过依赖关系将它们打包成一个或多个静态资

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足需求，因此引入了工程化的概念

团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。

这是基于 vue-cli4 实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。 在一两年前，vue-cli3已经声驾到3.0+版本，但是由于旧项目一致习惯于vue-cli2的脚手架的使用，之前也写过一篇 搭建一个vue-cli的移动端…

接触过vue的掘友们都知道，以前我们都会使用vue官方风闸UN刚好的vue-cli来创建项目，那么vue-cli的原理是什么，我们能不能也自己实现一下呢？

工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容