笔者作为公司的一名前端架构师，先后经历过各种大中小型前端项目，将自己的经验总结如下，从空文件到项目上线到后续维护。欢迎各位前端小伙伴Review，有不对地方请指出，互相学习 编码规范 开篇最重要的不是

纯干货分享：汇总了我在工作中八年遇到的各种 Nginx 使用场景，对这篇文章进行了细致的整理和层次分明的讲解，旨在提供简洁而深入的内容。希望这能为你提供帮助和启发！

@[TOC] 一、认识云 1、什么是云 云是一种比喻说法，就像我们平时看到的云一样，高出不胜寒，站在云端往下看，一切都很渺小。 同样的，在云上部署你的应用，可以享受云端很多企业的经验总结，很多坑已经早

Nginx发布于2004年，经历了15个年头的发展和沉淀，到目前为止已经成为构建大型网站的标配。反向代理和负载均衡是Nginx的两个最重要的标签，构成了大众对它的第一印象，下面就先介绍一下这两个概念。 例如翻墙服务器，翻墙的方式是先找到一个可以访问国外网站的代理服务器，我们将请…

服务端渲染（Server Side Renderinig，SSR）是一项可以在服务端预先生成页面的 DOM 结构（而不是在浏览器端生成）的技术。SSR 的优势就是容易 SEO，首屏加载快，对搜索引擎友

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

TreeShking 是通过静态分析的方式找出源码中不会被使用的代码进行删除，达到减小编译打包产物的代码体积的目的。 JS 我们会用 Webpack、Terser 进行 TreeShking，而 CS

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。

Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 假设某一天，我们接到了需求，需要开发…