在现代的前端开发中，构建工具扮演着重要的角色。构建工具不仅可以帮助我们自动化地完成诸如编译、压缩、打包等繁琐的任务，还可以通过插件的形式扩展其功能。本文将介绍几个在构建工具中常用的插件...

一. 什么是 tree-shaking 前端中的 tree-shaking 可以理解为通过工具"摇"我们的 JS 文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack

抽象语法树（abstract syntax tree 或者缩写为 AST），源代码的抽象语法结构的树状表现形式，这里特指编程语言的源代码。树上的每个节点都表示源代码中的一种结构。

简历上写“熟练使用 rollup.js 进行构建”，标题问题里的6种我却只回答上了4种....只能尴尬假笑

脱离业务的架构就是耍流氓。架构师必须要深入理解需求、参与需求、看透需求背后的业务本质。这是我学习架构师的第三十五篇笔记。

我一直以来都是这么写的，没觉得有啥问题，代码也都是可以正常运行的，直到这次报错——Uncaught TypeError: setName is not a function。调试了一下发现，babel后的代码大概如下： 嗯？_test怎么多了一个default，导致我拿不到相应…

Rollup是一个轻量级javascript模块打包器。相比于Webpack，Rollup更适合打包library。Rollup基于ES6模块，ES模块允许通过静态分析，实现tree-shaking。

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。 Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中，而不是以前的特殊解决方案，如 CommonJS…

关于 rollupjs 的教程已经非常多了，可是较少看到比较完整的工程样板，所以分享下我自己搭建的，已经在公司内部使用的样板工程。 如果是 typescript 写的，那就还要再加几个，怀念几年前 Happy Coding 的日子😀。 因为要支持 nodejs 与浏览器，所以…