一次 webpack 到 vite 的失败迁移体验。`Vite` 经过一段时间的发展，目前的生态已经非常丰富了。所以就着手把项目的 `Webpack` 替换为 `Vite`。

回顾 babel 6和 babel 7一路发展过来都做了哪些设计，解决了哪些问题，展望下 babel 8 ，我们是不是可以看到它的样子了呢？本文带你深入babel 的本质！

昨天项目升级的时候，把Webpack升级了一个版本。瞬间让我囧大了，你懂的，我就不说了。反正给我一顿操作啊，终于摆平了。再梳理项目的时候，我用Webpack新版本的模块联邦还真实现了应用程序和应用程序

前端技术日新月异的发生着变化，涌现出了很多的框架以UI为主的三大框架(react,vue,angular)，与样式相关的less、sass。语法相关的es6 typescript以及npm上面成千上万的第三方工具包，各种可以提高开发效率的新思路和框架层出不穷，但是他们都有一个共…

前端日常开发中，会遇见各种各样的 cli，使用 vue 技术栈的你一定用过@vue/cli,同样使用 react 技术栈的人也一定知道create-react-app。利用这些工具能够实现一行命令生成我们想要的代码模版，极大地方便了我们的日常开发，让计算机自己去干繁琐的工作，而…

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

前端发展好快的。 越来越多的思想和框架都出来了。 就是为了提高开发的效率。 比如ES6需要通过babel转成ES5才能在浏览器上面运行吧。 ... 这些思想和框架，都是有构建需求的。 webpack是一个模块打包工具，但是只能打包js，所以如果要打包其他的比如css，图片之类的…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…