Angular HMR(热模块替换）：通过HMR的方式实现angular模块级别的热更新，每次只会重新编译和更新修改文件所在的模块，从而降低编译时间。 这是热替换的关键，hmrBootstrap会替换原始的bootstrap(下面会看到), 替换后，当有新的模块更新时，hmr会…

Angular 让人诟病的一点就是打包后体积很大，一不小心 main.js就大的离谱，今天让我们看看如何合理的拆分它，让用户体验更好

作为一名前端开发者，如果你还没有使用过 babel 那么会有点落伍啦~说到 babel ，会有一系列的名词出现……

Babel是什么？使用场景有哪些？他是怎么转译代码的？Babel常用API和功能有哪些？此文给你答案

如题所述，esbuild 是一个用 Go 语言编写的用于打包，压缩 Javascript 代码的工具库。它最突出的特点就是打包速度极快 （extremely fast），下图是 esbuild 跟 webpack, rollup, Parcel 等打包工具打包效率的一个 ben…

问题现象 在前端项目编译时，会使用混淆和压缩技术，webpack默认是使用TerserPlugin，常常会发现编译执行到92%以后会等待很久 ● Webpack ……chunk asset optim

esbuild 是一个用 go 语言写的 javascript, typescript 打包工具，速度比 webpack 快 100 倍以上。 Breword 官方持续翻译 esbuild 各个版本的文档，目前已经共翻译了 8 个版本的文档，并且已经被 esbuild 官方代码…

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖**等等