本文原文地址 此文章是回答知乎问题总结而来。 我将其分为四个阶段：手动部署、命令工具部署、docker镜像部署、平台化部署。 这几个阶段，越往后越复杂，越往后越友好，毕竟平台化部署有备份还可回退，那是

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

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

最近在研究前端工程化的一些东西， 那就得有自己的一套脚手架， 于是瞄上了vue-cli， 也看了下create-react-app， 感觉vue-cli更符合我的预期， 于是撸了遍源码， 写了个小demo脚手架。 我们先了解下如何使用vue-cli， 再详细讲解每一步的实现。 …

前言 随着前端工程化的概念越来越深入FEer心，前端开发过程的技术选型、代码规范、构建发布等流程的规范化、标准化是需要工具来保驾护航的，而不是每次都对重复工作进行手动复制粘贴。脚手架则可作为工程化的辅

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federation的大包流程进行阐述；

最近接手的BI项目在Jenkins的构建机上构建耗时比较久，日常构建耗时都在 20min 以上，即使改动一行代码也要构建这么久。构建耗时截图如下： 构建耗时较长导致日常测试和正式发版都会浪费很多

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

最近公司要做一个小项目，我问老大能不能用 Vue 写，因为公司一直用 React， 主要是想尝试一下 Vite。 Vite 又是祖师爷出的，所以我想试试用 Vue 作为技术栈。老大问我：“屎吃不吃。” 我隐约觉得老大是在骂祖师爷，但又没法反驳，于是就尝试用 Vite + Rea…