本文将带你实现前端项目秒级回滚功能，跟着文章敲一遍，可以快速应用到自己公司项目里面，以更好的理解整体流程的实现。

1.什么是vite vite是新一代前端构建工具，能够显著提升前端开发体验。他是使用rollup打包你的代码，是开箱即用的，同时也提供了丰富的插件api,带来了高度的可扩展性。可以构建vue，reac

为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃... 这就能打消我学习 rollup 的决心吗？不…

背景 目前很多前端项目虽然采用了很多新技术，但是最终还是会被编译成es5，这样就能在较低版本的浏览器中运行了，但现实情况是现在的浏览器都已经比较成熟，压根不用编译成es5再运行了，而谷歌一位工程师在1

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同

我们在这边文章里面用的是mycli ，但是我并没有上传项目到npm,但是这篇文章的技术是笔者之前的一个脚手架原型，感兴趣的同学本地下载可以体验效果。 一条命令创建项目，安装依赖，编译项目，运行项目。 我们希望用一条命令行,实现项目创建，依赖下载,项目运行，依赖收集等众多流程。如…

项目部署作为网页开发中必不可少的一环，每一名合格的前端开发都应当有所了解，而不是不闻不问。不可否认的是，初次经历整个部署流程会遇到不少曲折，但这些难得的经验对于我们理解从在浏览器输入网址，出现网页内容，再到与之交互的整个流程甚至细节都有着不可或缺甚至无法替代的作用。在这个弱肉强…

倔强青铜——初识webpack 初始化项目 创建项目文件夹，执行以下命令，生成package.json文件，初始化项目。 package.json文件如下，它包含项目的一些基本信息。 安装webpac