过去的开发模式中，我们采用了以后端为主的 MVC 架构方式。具体来说，每次项目评审后，前后端会先一起约定好接口，之后分别进行开发，开发完，前端需要把页面提供给后端，后端配置上数据，然后返回出来。正式基于这样的开发模式，导致了总工作量的增加，同时沟通和联调成本的消耗也十分显著。 …

前端工程化在前端领域地位极高，因为它系统性地解决了前端开发中效率、协作、质量、维护性等一系列核心问题，可以说是现代前端技术体系的基石。 前端工程化带来的价值可以从这四个方面看： 提升开发效率： 模块化

正式开始前先郑重声明，由于每个前端技术都有自己的应用场景，很多时候没办法完全公平地去比较，所以接下来的排行会带有一定的主观性。本期鱼皮只是希望帮大家学到知识、认识更多的技术。

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

本文主要介绍了白屏的表现形式和产生原因，并给出了几种白屏检测解决方案，包括可见元素识别检测、页面内容得分检测和页面采样识别检测等。

编译和转译的区别，前端为什么需要转译器，都有哪些转译器。之后介绍了babel、typescript、terser、prettier、postcss、swc 等转译器。一文全面了解前端转译器。

今天要讲的，就是当下最强转译器：SWC。我们一起来看看，它是怎么样超越 babel 和 esbuild，成为最强编译器的。以及它与目前前端生态中其他事物的联系。